2016-11-01 20 views
0

我对Wordpress相当陌生。我正在尝试将Font Awesome添加到我的wp_enqueue样式表的“列表”中。当我通过使用CDN链接添加它时,它完美地工作。但是,当我手动添加样式表时,它会在图标应该位于的区域周围显示框(好像没有任何内容或未添加)。在Wordpress中手动加载字体非常棒

这里是一个没有工作

wp_enqueue_style('font-awesome', get_template_directory_uri() . '/css/font-awesome.min.css');

我当前的代码下面是不工作的代码。

\t wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

我该如何去有关链接或者调用字体真棒样式表是我的CSS文件夹?我在我身上添加了一些操作,我唯一的问题是让FA样式表手动工作。

+0

首先,我建议你使用CDN; FA在很多网站上都有使用,用户可能已经将其缓存起来,从而为用户提供更快的网站加载。你在这里的步骤? http://fontawesome.io/get-started/ – bezierer

+1

你的get_template_directory_uri()的输出是什么? – Aaron

+0

你是否设法使这个工作?如果不是,你是从头开始构建自己的主题还是正在构建一个儿童主题? – crs1138

回答

0

我想你忘了添加字体directory.which包含font-awesome.min.css文件使用的字体文件。 enter image description here

0

我假设你正在研究儿童主题。排列font-awesome时,您正在调用“父主题”目录。尝试使用 wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/css/font-awesome.min.css');

更多信息https://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri

通过puting在浏览器中,即http://www.example.com/wp-content/themes/mytheme/css/font-awesome.min.css

-1

还要检查路径CSS我是这样做的:

header.php文件(或任何你永远保留你的头部代码)复制并粘贴此代码:

<link rel="stylesheet" src="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 

这比整理PHP要好很多。另一种方法是安装WordPress的Font Awesome插件,它可以工作。只需进入插件区域并搜索“字体真棒”。点击Easy FontAwesome插件,安装它,激活它,你就完成了!

+0

我很抱歉Calum,但我不同意你的建议。是的,这是一个可能的答案。是的,这可能看起来更简单也更直接。但是你没有考虑到其他脚本(即插件等),可能会尝试加载相同的资源,并且他们无法知道FontAwesome是否已经被加载,如果它完成了你的方式。这就是为什么WP有一个脚本和样式的队列,甚至可以设置依赖关系 - 即。在加载之前不要加载它。我标记了它,因为在Wordpress方面,你的回答是不好的做法。 – crs1138