WordPress透過自訂CSS來修改網頁外觀

4.7/5 - (8 votes)

WordPress透過自訂CSS來修改網頁外觀

WordPress的網站外觀樣式是透過安裝主題來決定的,我們挑選好一個合適的主題並安裝之後,應該就可以有個還不錯的外觀樣式,但因為這些主題並不是量身定做的,所有難免會有些小地方不符合我們的需求,比方說:中文字型、字體大小、字體顏色或是側邊欄寬度…等等之類的需求,這時候我們就可以透過修改CSS來進行樣式的調整,

但在WordPress的架構之下,我們不建議直接修改主題的CSS檔案,這樣的修改在更新完主題之後,就會被新的版本覆蓋掉,我們做過的調整也就會不見。因此,我們要透過自訂CSS(Custom CSS)的做法來修改,才是正確的做法。

在這段影片裡頭,傑克會說明自訂CSS的原理,還有怎樣透過Chrome瀏覽器來找出要修改的CSS語法進行修改。

[not_logged_in]


[/not_logged_in]

[restrict message=”付費/免費會員請登入後觀看Vimeo版無廣告影片”]

[/restrict]


延伸閱讀:


這段影片是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/

訂閱文章更新電子報

透過WordPress.com平台(jetpack功能)訂閱文章更新電子報

發表迴響

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

返回頂端