如何在WordPress前台浏览启用Dashicons内建图示组?

WordPress网站除以图片来丰富整个呈现视觉化,常常也会利用如Font Awesome、Elusive Icons、Genericons等各种图示组(icon sets),但得额外云端载入图示档案,甚至得利用外挂以方便使用图示,加上许多外挂也常会载入自己的图示组,也就常常会成为拖慢网站速度的主要来源之一,若能善用内建Dashicons图示组,就有助于改善网站整体速度。

Dashicons的基本介绍📂

Dashicons为Wordpress核心内建的图示组,进入后台管理介面时,就会看到功能列的各项图示,但是在前台浏览时,若是未登入状态的一般使用者,Dashicons通常不会自动载入,图示也就无法显示,此时可利用程式码片段(Code Snippet)载入Dashicons,让网站视觉更加丰富。

以下介绍在前台启用Dashicons的作法,一旦启用前台浏览载入时,在撰写网页时,就可直接利用Dashicons来丰富网站视觉,使用方法可参考Dashicons官方网站。

延伸阅读▶️Dashicons官方网站

Dashicons的载入作法

方法一:修改布景主题

修改布景主题的functions.php档案,在

add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
wp_enqueue_style( 'dashicons' );
}

方法二:程式码管理外挂

使用程式码片段(Code Snippet)管理外挂程式,例如:Code Snippets、WP代码框等外挂程式,选择加入PHP类型的程式码片段,通常程式码片段管理外挂会自动加入

<?php
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
wp_enqueue_style( 'dashicons' );
}

除使用程式码片段外,当然也可用Menu Icons by ThemeIsle等外挂可协助载入与管理图示组,但就是得再安装一个外挂,也容易造成网站速度拖慢或浏览时小问题,就曾经在使用Menu Icons外挂载入时,造成文章类别页面的缩图显示出现问题。

文章对你有帮助吗?

喜欢文章的话…

欢迎追踪我们的动态!

遗憾文章未能帮助你!

请提供建议给我们

在Instagram上关注我们

最新文章推荐阅读

关于爱旅志二三事

网路订房问答精选

联络我们

名字
电邮
想说的话
已成功寄信联络爱旅志!
送信失败,请重新检查栏位资料是否齐全!

最优惠的预订平台

使用线上酒店、机票与车票预订平台,享有保证最低价、免费取消、累积点数等优惠。

最实用的行程预订

完成订房后,善用kkday/klook 线上预订平台,行前打造自己的专属行程。

景点门票
观光行程
户外活动
交通票卷
景点门票
套装行程
在地体验
住宿专案
返回顶端