我试着搜索,但似乎找不到类似的问题,所以我希望作为一个业余爱好者,我只是犯了一个简单的大错。
What I want
我想在我的WordPress主题中安装Font Awesome,我想在本地进行。
Folder structure
此图像是我的文件夹结构:
What I tried
<我从官方网站下载了Font Awesome 5.0.9,并按照他们的指示操作。我把fontawesome全部放在这里。js文件位于/static/fontsawesome中,并在我的标题中包含了这行代码。php。
<script defer src="/static/fontawesome/fontawesome-all.js"></script>
我在网上看了一个博客,读了另一种方法。我选了fontawesome。min.css并将其放置在css文件夹中,标题中添加了以下代码行:
<link rel="stylesheet" href="css/fontawesome.min.css">
然后,我尝试用以下代码创建一个操作,但也没有成功。
function add_font_awesome()
{
wp_enqueue_style( \'style\', get_stylesheet_uri() );
wp_enqueue_style( \'fontawesome\',
get_template_directory_uri().\'TestTheme/css/fontawesome.min.css\' );
}
add_action( \'wp_enqueue_scripts\', \'add_font_awesome\' );
Additional notes
为了进行测试,我在我的主体和标题中插入了以下代码,但什么都没有出现。
<i class="fab fa-wordpress"></i>
我不确定这为什么不起作用,我相信我可能在这里犯了一些关键的初学者错误,但在阅读了多个博客并尝试了许多不同的方法后,我决定尝试寻求帮助。
最合适的回答,由SO网友:Sigma Wadbude 整理而成
考虑到文件夹结构“/public_html/wp content/themes/TestTheme/static/fontawesome/”作为Font Awesome的文件夹位置,请改为使用以下内容:
1使用以下内容,而不是用于js include的内容
<script defer src="<?php echo get_template_directory_uri(); ?>/static/fontawesome/fontawesome-all.js"></script>
2使用以下内容,而不是您用于CSS的内容,包括使用fontawesome。css文件夹中的min.css文件
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>css/fontawesome.min.css">
函数get\\u template\\u directory\\u uri(),检索主题目录uri,可用于包含位于活动主题中的文件。
3或您可以将以下代码添加到主题函数中。php
add_action(\'wp_enqueue_scripts\', \'test_theme_scripts_method\');
/*
* Enqueue css and js with the correct path.
*/
function test_theme_scripts_method() {
// Enqueue css
wp_enqueue_style( \'fontawesome_style\', get_template_directory_uri() . \'/css/fontawesome.min.css\', array(), \'5.0.9\', \'all\');
// Enqueue js
wp_enqueue_script( \'fontawesome_script\', get_template_directory_uri() . \'/static/fontawesome/fontawesome-all.js\', array(\'jquery\') );
}
操作“wp\\u enqueue\\u scripts”用于将CSS和JS文件排队到站点。