Wordpress教學:CSS編輯器

若要進一步修改網頁樣式，你必須使用CSS。現在WordPress有自帶的CSS編輯器，讓你不用創建子主題，就可以修改CSS並即時預覽。

你還能用CSS設計版面。

如何設計網頁

「架站」搞定之後，排版與設計常成為下一個焦點。

網頁設計是一個專業領域，牽涉到HTML、CSS、JavaScript、PHP等語法... 好消息是WordPress有很多「網頁製作外掛」，讓不懂程式語言的人也能設計網頁！

WordPress網站設計分兩部分：

1. 內容本體
2. 頁首 / 頁腳 / 側邊欄

內容本體 是由WP文章編輯器所控制。市面上有不少WP Editor的「視覺化」替代方案，如Page Builder、elementor、Beaver Builder等。如同WordPress自帶的Editor，這些外掛只能設計文章主體。

頁首 / 頁腳 / 側邊欄 如何設計？首先，安裝符合你設計概念的版型---不求100%完美，但至少要達到70%～80%。接下來客製化，就看你的CSS、HTML、甚至PHP（修改 functions.php ）功力。有時間者可以自學… 沒時間者，推薦先寫實用文章來經營網站（部落格）流量。等網站流量 / 被動收入提升之後，再外包給網頁設計師。