本網增加Dashicons和Awesome

此前曾聽說wordpress內置一套icon,今忽然想起,則去找了開啟的方法。

這篇文章講了如何開啟dashicons,同時dashicons的完整列表在本網備份(338icons)。

好像平時用到icon的場景並不多,本網是「弈棋—數學」類博客,只關注有助於理義表達的圖形,大部份情況我可能會更傾向於使用unicode表情符號。

以下是兩種圖形對比:

  • unicode表情:❤️
  • dashicons:

我對icon的理解

icon是在前端開發時,為了圖形的統一顯示才使用的。大多數用法是置於按鈕文字之前,使界面不至於太單調,且圖形也體現了按鈕的功能。

如果放在文章裏,只是為了表達文意,則不必使用icon。unicode表情是更好的選擇。

當然直接插入圖片也挺好的。

為甚麼不用awesome?

如前所述,icon的使用場景很有限,在我瀏覽了awesome的icon之後,沒發現它有多好看,也沒發現有我用到它的地方。

不過最後寡人還是內置了awesome,這裏是awesome4.7選擇器,這個是總表本網備份(675 icons)。

查MIME type

此前我要上傳「.woff2、css」等wordpress默認不允許上傳的文件,用到「WP Extra File Types」插件來添加想要的文件類型。

今見到WPForms開發的「File Upload Types」,外觀更好看,於是我就換了。

不過添加新文件類型之前要去查一下MIME type,可在此處查到。

2 thoughts on “本網增加Dashicons和Awesome”

  1. 之前没发现Wordpress自带的icon,看着还不错,基本图标都有。
    awsome之前也体验过,有时候想要的图标没有。
    现在我用的阿里巴巴的iconfont,想用什么图标搜索添加进来,自己整个项目然后引用,不用一下子去引用一个完整的icon库。

    Reply
    • icon字體在開發後臺系統界面時會用到吧,我其實就是玩玩。

      內置icon的意義是,在為wordpress製作插件需要用到時,就可以直接引用,而不必增加字體。我用的插件好像都這樣。

      Reply

Leave a Comment