使用 WordPress 的網友應該不難注意到，在管理頁面右側選單中，每個選項前都會有個可愛的小圖示 (dashicons)，但有沒有辦法可以在文章中使用這些圖示呢？
在 WordPress 3.6 版以來（見 Hongkiat 與 wpbeginner 的回顧文），管理選單前使用 CSS 字體所產生的圖示，稱作 Dashicons，如果您想要在自己的 WP 網站內使用 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 dashicons-visibility"></span>
所有圖示請參照 WordPress 官方文獻，亦可參考此文使用 CSS 字體的方式顯示 dashicons。
全部 Dashicons
截至 20160402 前，整理出的官方 dashicons 名稱如下，可直接複製將上述代碼內class屬行中的 dashicons-（包含後方文字）替代為反紅文字：
後台管理頁面使用的 icons
dashicons-menu
dashicons-admin-site
dashicons-dashboard
dashicons-admin-post
dashicons-admi
後台管理頁面使用的 icons
dashicons-menu
dashicons-admin-site
dashicons-dashboard
dashicons-admin-post
dashicons-admin-media
dashicons-admin-links
dashicons-admin-page
dashicons-admin-comments
dashicons-admin-appearance
dashicons-admin-plugins
dashicons-admin-users
dashicons-admin-tools
dashicons-admin-settings
dashicons-admin-network
dashicons-admin-home
dashicons-admin-generic
dashicons-admin-collapse
dashicons-filter
dashicons-admin-customizer
dashicons-admin-multisite
控制台歡迎視窗
dashicons-welcome-write-blog
dashicons-welcome-add-page
dashicons-welcome-view-site
dashicons-welcome-widgets-menus
dashicons-welcome-comments
dashicons-welcome-learn-more
發表文章格式
dashicons-format-aside
dashicons-format-image
dashicons-format-gallery
dashicons-format-video
dashicons-format-status
dashicons-format-quote
dashicons-format-chat
dashicons-format-audio
dashicons-camera
dashicons-images-alt
dashicons-images-alt2
dashicons-video-alt
dashicons-video-alt2
dashicons-video-alt3
媒體
dashicons-media-archive
dashicons-media-audio
dashicons-media-code
dashicons-media-default
dashicons-media-document
dashicons-media-interactive
dashicons-media-spreadsheet
dashicons-media-text
dashicons-media-video
dashicons-playlist-audio
dashicons-playlist-video
dashicons-controls-play
dashicons-controls-pause
dashicons-controls-forward
dashicons-controls-skipforward
dashicons-controls-back
dashicons-controls-skip-back
dashicons-controls-repeat
dashicons-controls-volumeon
dashicons-controls-volumeoff
圖片編輯
dashicons-image-crop
dashicons-image-rotate
dashicons-image-rotate-left
dashicons-image-rotate-right
dashicons-image-flip-vertical
dashicons-image-flip-horizontal
dashicons-image-filter
dashicons-undo
dashicons-redo
TinyMCE
dashicons-editor-bold
dashicons-editor-italic
dashicons-editor-ul
dashicons-editor-ol
dashicons-editor-quote
dashicons-editor-alignleft
dashicons-editor-aligncenter
dashicons-editor-alignright
dashicons-editor-insertmore
dashicons-editor-spellcheck
dashicons-editor-expand
dashicons-editor-contract
dashicons-editor-kitchensink
dashicons-editor-underline
dashicons-editor-justify
dashicons-editor-textcolor
dashicons-editor-paste-word
dashicons-editor-paste-text
dashicons-editor-removeformatting
dashicons-editor-video
dashicons-editor-customchar
dashicons-editor-outdent
dashicons-editor-indent
dashicons-editor-help
dashicons-editor-strikethrough
dashicons-editor-unlink
dashicons-editor-rtl
dashicons-editor-break
dashicons-editor-code
dashicons-editor-paragraph
dashicons-editor-table
文章視窗
dashicons-align-left
dashicons-align-right
dashicons-align-center
dashicons-align-none
dashicons-lock
dashicons-unlock
dashicons-calendar
dashicons-calendar-alt
dashicons-visibility
dashicons-hidden
dashicons-post-status
dashicons-edit
dashicons-trash
dashicons-sticky
排序
dashicons-external
dashicons-arrow-up
dashicons-arrow-down
dashicons-arrow-right
dashicons-arrow-left
dashicons-arrow-up-alt
dashicons-arrow-down-alt
dashicons-arrow-right-alt
dashicons-arrow-left-alt
dashicons-arrow-up-alt2
dashicons-arrow-down-alt2
dashicons-arrow-right-alt2
dashicons-arrow-left-alt2
dashicons-sort
dashicons-leftright
dashicons-randomize
dashicons-list-view
dashicons-exerpt-view
dashicons-grid-view
社群媒體
dashicons-share
dashicons-share-alt
dashicons-share-alt2
dashicons-twitter
dashicons-rss
dashicons-email
dashicons-email-alt
dashicons-facebook
dashicons-facebook-alt
dashicons-googleplus
dashicons-networking
WordPress.org
dashicons-hammer
dashicons-art
dashicons-migrate
dashicons-performance
dashicons-universal-access
dashicons-universal-access-alt
dashicons-tickets
dashicons-nametag
dashicons-clipboard
dashicons-heart
dashicons-megaphone
dashicons-schedule
商品
dashicons-wordpress
dashicons-wordpress-alt
dashicons-pressthis
dashicons-update
dashicons-screenoptions
dashicons-info
dashicons-cart
dashicons-feedback
dashicons-cloud
dashicons-translation
標籤
dashicons-tag
dashicons-category
小工具
dashicons-archive
dashicons-tagcloud
dashicons-text
提醒
dashicons-yes
dashicons-no
dashicons-no-alt
dashicons-plus
dashicons-plus-alt
dashicons-minus
dashicons-dismiss
dashicons-marker
dashicons-star-filled
dashicons-star-half
dashicons-star-empty
dashicons-flag
dashicons-warning
雜項
dashicons-location
dashicons-location-alt
dashicons-vault
dashicons-shield
dashicons-shield-alt
dashicons-sos
dashicons-search
dashicons-slides
dashicons-analytics
dashicons-chart-pie
dashicons-chart-bar
dashicons-chart-line
dashicons-chart-area
dashicons-groups
dashicons-businessman
dashicons-id
dashicons-id-alt
dashicons-products
dashicons-awards
dashicons-forms
dashicons-testimonial
dashicons-portfolio
dashicons-book
dashicons-book-alt
dashicons-download
dashicons-upload
dashicons-backup
dashicons-clock
dashicons-lightbulb
dashicons-microphone
dashicons-desktop
dashicons-tablet
dashicons-smartphone
dashicons-phone
dashicons-index-card
dashicons-carrot
dashicons-building
dashicons-store
dashicons-album
dashicons-palmtree
dashicons-tickets-alt
dashicons-money
dashicons-smiley
dashicons-thumbs-up
dashicons-thumbs-down
dashicons-layout