2017-05-31 38 views
0
<?php 
/* 
* Plugin Name: Add Fontawesome Animation 
* Plugin URI: ... 
* Description: This plugin is used to animate Fontawesome icons 
* Version: 1.0.0 
* Author: ... 
* Author URI: ... 
* License: GPLv2 
* * */ 

// Enqueue font-awesome-animation.css 
add_action('wp_enqueue_style', 'add_fontawesome_animation'); 
function add_fontawesome_animation() { 
    wp_enqueue_style('font_awesome_animation', get_stylesheet_directory_uri() . '/css/font-awesome-animation.css'); 
} 

目標:加載font-awesome-animation.css如此FontAwesome圖標可以動畫。這個Genesis PHP WordPress插件代碼有什麼問題?

使用:PhpStorm,剛開始使用Genesis。我使用的是創始樣本兒童主題,大部分情況下,所有這些都會合理地發佈帖子並學習使用代碼來修改模板。

當我將@import url(「css/font-awesome-animation.css」)添加到style.css文件中時,FontAwesome圖標會生成動畫,否則我無法從函數入列font-awesome-animation.css .php或插件如上所示。在編輯器或頁面中我看不到任何可觀察的錯誤,但在PHP中存在錯誤時,我也不會獲得典型的全部白頁。有些東西是FUBAR,我不知道如何在WordPress中進行這種類型的調試,所以我需要知道代碼中的錯誤以及有關如何調試此類SNAFU的建議。是否有某種類型的Response.Write可用於向我展示路徑等?

+1

它看起來就像是增加了'wp_enqueue_style'調入'wp_enqueue_style'電話。 – Martin

回答

2

試着改變你正在使用的鉤子到wp_enqueue_scripts。從codex

wp_enqueue_scripts是正確的勾入隊是 是爲了出現在前端項目時使用。儘管名稱,它用於 排隊兩個腳本和樣式。

另外get_stylesheet_directory_uri()不會爲你工作,如果你正在做一個插件。這隻適用於主題/兒童主題。如果您從主插件文件調用此函數,則可以使用plugin_dir_url(__FILE__)。再次,從the codex

獲取URL(用斜線)的插件FILE

通過在這種情況下,我們正在過PHP magic constant__FILE__得到的URI主插件文件,尾隨斜線

所以您的代碼將如下所示:

<?php 
// Enqueue font-awesome-animation.css 
add_action('wp_enqueue_scripts', 'add_fontawesome_animation'); 

function add_fontawesome_animation() { 
wp_enqueue_style('font_awesome_animation', plugin_dir_url(__FILE__) . 'css/font-awesome-animation.css'); 
} 
+0

一切都很好。回覆@DaveLak以下清晰 建立一個Genesis兒童主題,其中包含/css/font-awesome-animation.css所以get_stylesheet_directory_uri()仍然是必需的。 – ClintonGallagher