WordPress使用外掛來修改CSS

5.0
06

WordPress使用外掛來修改CSS

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


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

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



付費/免費會員請登入後觀看Vimeo版無廣告影片


影片中使用到的外掛:

SiteOrigin CSS

延伸閱讀:


這段影片是WordPress觀念與操作課程中的一堂課程,全部課程總共有8個單元、34堂課,總時數超過9個小時,歡迎加入學習!

第 1 單元: 前言
— 第 1 堂: 課程簡介 11:36
— 第 2 堂: 為什麼使用WordPress 17:49
第 2 單元: 登入與快速設置
— 第 3 堂: 登入WordPress 11:55
— 第 4 堂: WordPress快速設置 18:51
第 3 單元: 內容管理
— 第 5 堂: WordPress與內容管理系統CMS 13:13
— 第 6 堂: 認識文章類型 05:12
— 第 7 堂: 新增文章 27:20
— 第 8 堂: 文章編輯器的使用 34:53
— 第 9 堂: 媒體新增與管理 24:01
— 第 10 堂: 藝廊的使用 15:05
— 第 11 堂: 內建媒體嵌入功能的使用 09:49
— 第 12 堂: 文章版本還原操作 16:29
— 第 13 堂: 認識文章格式 07:00
— 第 14 堂: 分類與標籤 23:55
— 第 15 堂: 新增頁面 10:51
— 第 16 堂: 認識頁面編輯器 09:29
— 第 17 堂: 文章與頁面管理 17:23
第 4 單元: 外觀
— 第 18 堂: 如何挑選主題 26:17
— 第 19 堂: 如何安裝主題 10:52
— 第 20 堂: 認識主題設定 06:02
— 第 21 堂: 小工具的使用 21:51
— 第 22 堂: 選單的使用 20:23
— 第 23 堂: 選單相關外掛介紹與使用 12:15
— 第 24 堂: 認識自訂CSS 15:29
— 第 25 堂: 自訂CSS外掛的使用 07:06
第 5 單元: 外掛
— 第 26 堂: 如何挑選外掛 27:57
— 第 27 堂: 如何安裝外掛 11:12
第 6 單元: 帳號
— 第 28 堂: 帳號管理 19:02
— 第 29 堂: 帳號角色與權限 15:51
— 第 30 堂: 角色選單修改 19:10
第 7 單元: 工具
— 第 31 堂: 可用工具 06:17
— 第 32 堂: 資料匯出與匯入 10:14
第 8 單元: 其他
— 第 33 堂: 如何更新WordPress 17:06
— 第 34 堂: WordPress更新問題處理 20:48

立刻學習:https://www.yogoeasy.com/course/wordpress-essential-training/

分享本文:

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料