<?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图标可以设置动画。
使用:PhpStorm,刚开始使用Genesis。我正在使用genesis-sample子主题,并且在大多数情况下,所有发布帖子和学习使用代码来修改模板都相当不错。
当我将@import url(&#34; css / font-awesome-animation.css&#34;)添加到style.css文件中时,FontAwesome图标将会生成动画,否则我无法将字体排列为怪异动画.css来自functions.php或插件,如上所示。我在编辑器或页面中没有可观察到的错误,也没有在PHP中出现错误时获得典型的全白页。有些东西是FUBAR,我不知道如何在WordPress中进行这种类型的调试,所以我需要知道代码的错误和有关如何调试这种类型的SNAFU的建议。是否有某种类型的Response.Write我可以用来向我展示路径等等?
答案 0 :(得分:2)
尝试将您正在使用的挂钩更改为wp_enqueue_scripts
。来自codex:
wp_enqueue_scripts是将项目排入队列时使用的正确挂钩 意在出现在前端。尽管名称,它用于 将两个脚本和样式排入队列。
如果您正在制作插件,get_stylesheet_directory_uri()
也不适合您。这仅适用于主题/儿童主题。如果您从主插件文件中调用此文件,则可以使用plugin_dir_url( __FILE__ )
代替。同样,来自the codex:
获取
中传递的插件 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' );
}