自訂CSS外掛的使用 07:06

補充註解:
新版WordPress已經有內建自訂CSS的功能,在後台->外觀->自訂,找到自訂CSS的選項。按此觀看影片說明


在上一堂課程裡頭,我們已經了解了如何透過自訂CSS來調整WordPress網站的外觀,但對於CSS語法沒有那麼熟悉的使用者而言,可能調整起來還是比較吃力。所以在這篇文章,傑克要介紹一套外掛來輔助我們修改CSS。

這是一套免費的外掛叫做 SiteOrigin CSS,在優易教學網的免費課程:「WORDPRESS快速上手課程」 ,我們也用過這家SiteOrigin公司的主題與頁面編輯器,他們的主題跟外掛都相當的受歡迎。傑克會在下面的影片中介紹這套可以幫助我們修改CSS的外掛。

另外補充一下,這裡講的修改CSS的方法都是針對整個網站修改,但有時候我們或許只想要改某一篇文章或是頁面的元素的話,可以用這套外掛:WP Add Custom CSS,安裝並啟用之後會在每個文章或頁面的文字編輯器下方多一個自訂CSS的欄位,把想要修改的CSS語法填入就可以只對那篇文章/頁面生效。




影片中使用到的外掛:

SiteOrigin CSS

延伸閱讀:

網站架設基礎課程 HTML + CSS

返回頂端