我正在学习开发WordPress, 并从头开始构建主题。我读到, 将Google字体包含到主题中的最佳方法是使用WebFont Loader。此方法有助于提高PageSpeed测试中的得分。
我尝试从function.php和wfloader.js文件添加WebFont Loader。不幸的是, 字体没有加载到我的主题中。我究竟做错了什么?我无法弄清楚自己。
所以这是我在function.php文件中的代码:
add_action( 'wp_enqueue_scripts', 'wpb_scripts_styles' );
function wpb_scripts_styles() {
wp_register_script(
'web-font-loader', '//ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js', array( '' ), ''
);
wp_enqueue_script(
'fonts-to-load', esc_url( get_stylesheet_directory_uri() ) . '/assets/js/wfloader.js', array( 'web-font-loader' ), ''
);
}
这是来自wfloader.js
function webfontload() {
WebFont.load({
google: {
families: [
'Playfair+Display:400, 700, 900&
amp;
subset=latin-ext'
]
}
});
}
感谢你的任何建议!
#1我修复了代码, 它起作用了:)
function custom_scripts_styles() {wp_register_script(
'web-font-loader', '//ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js', array(), null );
wp_enqueue_script(
'fonts-to-load', get_template_directory_uri() . '/assets/js/wfloader.js', array( 'web-font-loader' ), null, true );
}
#2【如何将WebFont Loader和Google字体正确包含在Wordpres主题中()】仅有2条评论不代表主要问题。我不会使用wpb_来启动你的功能, 因为著名的页面构建器插件可以执行此操作, 如果你以主题激活该插件, 则可能会发生冲突。你不需要esc_url作为函数get_stylesheet_directory_uri(), 你可以信任此WordPress函数的结果。你是否检查过脚本//ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js是否已真正加载?我的意思是检查元素并在HTML中搜索//ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js。如果是这样, 请检查控制台中是否有错误, 我的意思是F12-> 控制台
推荐阅读
- 如何防止WordPress主题删除分析跟踪参数
- 如何在WordPress中排序类别()
- 如何防止用户两次将同一文件上传WordPress
- 如何将WordPress管理栏菜单移动到我的主题标题栏
- 如何按需修改已注册分类法的显示UI
- 如何在wp-admin之外管理wordpress插件()
- 如何管理父和子的主题()
- WP如何制作分隔线( [重复])
- 如何在WordPress中根据日期使标题加粗()