【问题标题】:Why is it better to enqueue Google Fonts in Functions.php vs style.css in a WordPress theme?为什么在 WordPress 主题中将 Functions.php 与 style.css 中的 Google 字体排入队列更好?
【发布时间】:2018-12-04 05:33:03
【问题描述】:

我很难找到答案,为什么将 Google 字体排入 functions.php 文件而不是直接将 @import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,800,900'); 添加到样式表中更好。

我在一个网站上读到,如果您使用样式表方法,CSS 文件会加载两次?那是假的,对吧?为什么函数方法更优越?

【问题讨论】:

    标签: css wordpress fonts


    【解决方案1】:

    在你的functions.php中加入样式表更好,以防可能有另一个插件想要使用相同的字体。如果使用wp_register_style()wp_enqueue_style() 函数将其正确排入队列,那么无论有多少插件需要它,WP 只会包含一次链接。但是,@import 自己(或手动将链接添加到 header.php)和 WP 不知道这些,所以它会被加载不止一次。

    当然,如果您确切地知道您的主题和插件正在使用哪些资源,并且知道没有其他人想要加载相同的字体,那么您手动链接或导入它并不重要!

    【讨论】:

    • 我正在使用 Genesis,他们使用它。 add_action('wp_enqueue_scripts', 'sp_load_google_fonts'); function sp_load_google_fonts() { wp_enqueue_style( 'google-font-Raleway', '//fonts.googleapis.com/css?family=Raleway:400,500,600,800,900', array(), CHILD_THEME_VERSION ); }
    • 随着 GDPR 的出台,使用 functions.php 获得了另一个好处:插件可以轻松地挂接到它并从本地副本加载字体,而不是让客户端发送(可能跟踪)请求到谷歌。
    【解决方案2】:

    WordPress 拥有庞大而强大的开发者社区。世界各地成千上万的人为 WordPress 设计主题和插件。为了确保一切正常并且一个插件或主题不会破坏另一个,WordPress 有一个入队脚本功能。这个特殊的函数提供了一种加载 Javascript 和样式的系统方法。

    wp_enqueue_script() 函数的帮助下,您可以轻松地告知 WordPress 加载带有依赖关系的长脚本的最佳时间(如果有)。这样的功能允许每个人使用以捆绑形式提供的内置 Javascript 库。它还有助于减少页面的加载时间,同时避免与主题和插件的容易冲突。

    在 WordPress 中排队脚本还可以确保具有相同句柄的副本不会被加载两次。

    【讨论】:

      猜你喜欢
      • 2020-07-12
      • 2018-03-24
      • 2018-04-22
      • 1970-01-01
      • 1970-01-01
      • 2018-05-03
      • 2021-12-04
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多