摘要:最近我在瀏覽別的博客的文章時,無意間發(fā)現(xiàn)了一個很好看的小裝飾。那就是在菜單欄上的小圖標。于是我研究了研究,弄到了設置方法之后決定把它分享出來。菜單欄的小圖標設置步驟,我們先到后臺插件安裝插件頁面搜索,下載安裝并啟用。
最近我在瀏覽別的博客的文章時,無意間發(fā)現(xiàn)了一個很好看的小裝飾。那就是在WordPress菜單欄上的小圖標。于是我研究了研究,弄到了設置方法之后決定把它分享出來。
菜單欄的小圖標
1, 我們先到WordPress后臺--插件--安裝插件頁面 搜索:Font Awesome 4 Menus,下載安裝并啟用。
2, WordPress后臺---外觀---菜單,點開顯示選項,并且勾選上CSS類,于是在下面的菜單中就有了CSS類(可選)
如圖所示
3, 打開這個圖標選擇網(wǎng)站:https://fortawesome.github.io/Font-Awesome/icons/ 點開一個認為合適的圖標字體,在下會顯示類似這樣的CSS代碼
1
?
4,我們復制代碼中間像“fa fa-home”的內(nèi)容粘貼到菜單欄的CSS類中,保存之后到網(wǎng)站上查看就OK了。
注:前綴盡量為fa fa-XXXX如果為fas fa-XXXX可能會顯示不出來!!!
菜單欄圖標轉動方法:
首先在主題的CSS代碼中添加如下代碼:
1
2 .fa-spin { 3 animation: 2s linear 0s normal none infinite running fa-spin; 4 }
?
然后在菜單里,在我們剛才設置的fa fa-XXXX后面添加上fa-spin就好了,或者是直接添加以下代碼:
WaZty博客
?
保存之后刷新博客,你就能看到旋轉的小圖標了!
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1101.html
摘要:主題版本更新重做文章主列表新增菜單圖標支持面包屑彩色標簽縮略圖圓角支持中文和英文,支持百度收錄,適用于各種圖片展示網(wǎng)站新聞站電影站美圖站資源站等等,扁平化設計公眾號展示打賞功能列表無限加載全屏相冊展示。TOB主題2.7版本更新:重做文章主列表、新增菜單圖標支持、面包屑、彩色標簽、縮略圖圓角!支持中文和英文,支持百度收錄,適用于各種圖片展示網(wǎng)站、新聞站、電影站、美圖站、資源站等等,扁平化設計、...
摘要:主題主題醬茄開源版自媒體資訊博客主題模板醬茄主題由醬茄開發(fā)的一款免費開源的主題,主題專為博客資訊自媒體網(wǎng)站而設計,遵循開源協(xié)議發(fā)布。wordpress主題 醬茄Free v1.0.0開源版自媒體資訊博客主題模板醬茄free主題由醬茄開發(fā)的一款免費開源的WordPress主題,主題專為WordPress博客、資訊、自媒體網(wǎng)站而設計,遵循GPL V2.0開源協(xié)議發(fā)布。運行環(huán)境醬茄Free主題當前...
摘要:反正老蔣這幾天依舊是短袖短褲空調(diào)狀態(tài)。從上個月開始,老蔣看到帶來的是兩款免費主題,這個月依舊是兩款免費主題。一款是比較時尚業(yè)務的主題,一款是工作室和公司主題。年月份,主題森林有提供款主題,官方限免是支持到月日,如果有需要可以到官方下載。今年的秋天好像來的比較晚,從二十四節(jié)氣中已經(jīng)進入白露,但是氣溫還是在30度左右,國慶節(jié)期間均能達到30多度的高溫,真的很奇怪現(xiàn)在的天氣。反正老蔣這幾天依舊是短...
摘要:定期備份,避免悲劇。這里用了七牛的鏡像加速功能所有的圖片都會到七牛域名下獲取,如果文件不在,七牛會自動到原網(wǎng)站獲取文件。使用這個插件就可以方便地實現(xiàn),像往常一樣上傳文件,圖片會自動歸到七牛域名下。 回頭聊聊我用WordPress做企業(yè)網(wǎng)站的事。說是企業(yè)網(wǎng)站,其實就是一個小的企業(yè)展示網(wǎng)站。事情要從我爸開了一家自行車店開始說起,自從他開了自行車店,不但開始學著玩起了微信(因為要做微信營銷)...
閱讀 632·2021-08-17 10:15
閱讀 1715·2021-07-30 14:57
閱讀 1971·2019-08-30 15:55
閱讀 2813·2019-08-30 15:55
閱讀 2704·2019-08-30 15:44
閱讀 662·2019-08-30 14:13
閱讀 2380·2019-08-30 13:55
閱讀 2588·2019-08-26 13:56