Dashicons – 在 WordPress 網站使用內建的字體圖示

使用 WordPress 的網友應該不難注意到,在管理頁面右側選單中,每個選項前都會有個可愛的小圖示 (Dashicons),但有沒有辦法可以在文章中使用這些圖示呢?

Dashicons 字體圖示是專門為 WordPress 3.8+版本後台管理選單設計使用的一套使用 CSS 語法產生的開源字體圖示,除了被官方應用外,開發者也可以在前端或後台自由使用。

如果您想要在自己的 WordPress 網站內使用 Dashicons ,可在您佈景主題(子主題)的 functions.php 內加入以下代碼:

//Enqueue the Dashicons script
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
  wp_enqueue_style( 'dashicons' );
}

要如何在佈景主題或是文章內使用這些 Dashicons 呢?以「小喇叭」圖示為例,您可以在佈景主題原始碼,或是文章的「文字編輯」標籤頁內,使用以下代碼顯示此圖示:

<span class="dashicons-controls-volumeon"></span>

所有圖示請參照 WordPress 官方網站使用 CSS 字體的方式顯示 Dashicons。

推薦閱讀ಠ.ಠ  Ionicons – 700 多個開放原始碼免費且高品質的字體圖示