在自定义主题中包含字体令人敬畏

时间:2020-04-27 作者:Chandler Kenworthy

我正在开发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>
有人能告诉我我忽视了什么/做错了什么吗?提前谢谢。

1 个回复
最合适的回答,由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文件,然后进行修改以满足您的需要。希望这有帮助。

相关推荐

初学者问题:通过管理Web界面访问Functions.php以导入自定义帖子类型?

是否可以访问这些功能。php文件仅仅使用管理web界面?我正在尝试访问以前创建的(手动编码的)自定义帖子类型,我不得不跳过很多障碍,因为我无法访问函数中的代码。php文件。我已经浏览了很多帮助页面,但建议的步骤似乎总是涉及到函数。php文件(我无法访问)或使用插件中的导入/导出工具,该插件首先创建了自定义帖子类型(据我所知,没有使用任何插件)。这似乎是一个非常基本的问题,但我一辈子都想不出来。任何帮助都将不胜感激!