我正在开发WordPress主题,作为标题的一部分,我希望包括一些字体很棒的图标(见下文):
<div class="header-socials">
<div class="social-item">
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
<div class="social-item">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</div>
<div class="social-item">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
我试过使用
Font Awesome plugin (由font awesome推荐)以及“
manually adding font awesome to wordpress“遵循此处列出的指导(包括修改functions.php)。我也尝试过使用传统的wp\\u enqueue\\u脚本,但这似乎也不起作用!目前我在functions.php中有:
if (! function_exists(\'fa_custom_setup_kit\') ) {
function fa_custom_setup_kit($kit_url = \'\') {
foreach ( [ \'wp_enqueue_scripts\', \'admin_enqueue_scripts\', \'login_enqueue_scripts\' ] as $action ) {
add_action(
$action,
function () use ( $kit_url ) {
wp_enqueue_script( \'font-awesome-kit\', $kit_url, [], null );
}
);
}
}
}
fa_custom_setup_kit(\'https://kit.fontawesome.com/my_kit_code.js\');
(将my\\u kit\\u代码替换为我的实际套件代码)。这确实会导致加载令人敬畏的字体,至少Chrome开发工具显示的是,这一行当前加载在我的head标记中:
<script type="text/javascript" src="https://kit.fontawesome.com/my_kit_code.js"></script>
有人能告诉我我忽视了什么/做错了什么吗?提前谢谢。
最合适的回答,由SO网友:jeno 整理而成
你可以通过多种方式来实现这一点。1) 在页脚中复制并粘贴包含字体很棒工具包的脚本标记。结束正文标记之前的php。2) 使用wp\\u enqueue\\u样式。下面是一个使用FA排队的自定义WordPress主题的工作示例:`函数主题\\u排队\\u脚本(){wp\\u排队\\u样式(\'Font\\u Awesome\',\'https://use.fontawesome.com/releases/v5.6.1/css/all.css\' ); wp\\u enqueue\\u style(\'Bootstrap\\u css\',get\\u template\\u directory\\u uri()。\'/css/引导。最小css’);wp\\u enqueue\\u style(\'style\',get\\u template\\u directory\\u uri()。\'/风格css’);
wp_enqueue_script( \'jQuery\', get_template_directory_uri() . \'/js/jquery.min.js\', array(), \'3.4.1\', true );
wp_enqueue_script( \'Tether\', get_template_directory_uri() . \'/js/popper.min.js\', array(), \'1.0.0\', true );
wp_enqueue_script( \'Bootstrap\', get_template_directory_uri() . \'/js/bootstrap.min.js\', array(), \'1.0.0\', true );
}
添加\\u操作(“wp\\u enqueue\\u scripts”、“theme\\u enqueue\\u scripts”)`\\您只需在函数中复制和粘贴代码(在后刻度内)。php文件,然后进行修改以满足您的需要。希望这有帮助。