WordPress / 架站教學七:修改網站外觀樣式,如何建立子主題 (child theme)

WordPress / 架站教學七:修改網站外觀樣式,如何建立子主題 (child theme)

WordPress 已經有很多免費的主題可以直接套版使用,甚至還有付費的主題提供更完整、更美觀的外觀介面可以套用,直接到 WP 的後台就可以設定。不過通常我們還是會希望套用了現成的主題樣式之後,我們還能自己調整部分的樣式。本篇會先簡介佈景主題的檔案結構,再告訴大家直接修改外觀樣式的方式及如何建立子主題 (child theme)。另外還有一些其它常見的網站外觀介面調整,如刪除 Bitnami Info Page Banner。   佈景主題的檔案結構 在前一篇的檔案結構簡介中有稍微提過佈景主題的檔案存放在 htdocs/wp-content/themes/ 的目錄下,每個主題以各別的資料夾分別儲存。如果你想要自己完全建立一個全新的佈景主題或者你想要詳細的手動調整網站每個位置的樣式設定,那麼你可能得了解整個版型 (template) 的結構及名稱,還有所有的程式及樣式設定。下面有幾個說明文件可以讀一下: 樣式主題的完整說明文件:Theme Handbook | WordPress.Org 網站結構:Site Architecture 1.5 | WordPress Codex 頁面及版型結構:Stepping into Templates | WordPress Codex 開發者說明文件:WordPress Codex 開發者說明文件:Developer Resources | WordPress.Org Understanding the WordPress Theme Structure Understanding WordPress Template Hierarchy for Faster Development 我們假設你沒有要完整開發一個新的佈景主題,只是要套用現有的版型再調整成自己想要的樣子。所以我們只對佈景主題的檔案結構做簡單的介紹,讓你知道調整外觀樣式應該修改哪個檔案,至於網站的版型結構及名稱就自己用像是 Chrome 開發者工具...