「網站的門面好不好看,關鍵就在於『佈景主題 (Theme)』!這堂課,我們要帶您挑選最適合您網站風格的佈景主題,並教您如何簡單客製化,讓您的網站獨具特色!」
1. 佈景主題:網站的靈魂與骨架
佈景主題就像是您網站的「設計師」,它決定了網站的整體外觀、版面配置、顏色、字體等等。
- 免費主題 vs. 付費主題:
- 免費主題: 在 WordPress 官方主題庫就能找到,功能夠用,但客製化彈性可能較小。
- 付費主題: 通常功能更豐富、設計更精美、支援更完善,像是 ThemeForest 上有很多熱門主題。
- 怎麼選佈景主題?
- 看設計: 是否符合您的網站風格?
- 看響應式設計 (RWD): 能不能在手機、平板上正常顯示? (現在 RWD 是必備!)
- 看功能: 有沒有您需要的基本功能?
- 看評價與更新: 主題是否持續更新?評價好不好?
2. 佈景主題安裝與啟用:輕鬆換裝!
安裝佈景主題非常簡單,就像手機換桌布一樣!
實際操作:安裝與啟用佈景主題
- 進入佈景主題介面: 在 WordPress 後台,點擊左側「外觀 (Appearance)」>「佈景主題 (Themes)」。
- 新增佈景主題:
- 從 WordPress 官方搜尋: 點擊「新增 (Add New)」,可以直接搜尋免費主題,例如:「Astra」、「GeneratePress」、「Neve」都是非常輕巧、適合客製化的主題。
- 上傳付費主題: 如果您購買了付費主題,會是一個壓縮包檔案,點擊「上傳佈景主題 (Upload Theme)」上傳。
- 安裝與啟用: 找到您喜歡的主題,點擊「安裝 (Install)」>「啟用 (Activate)」。
小撇步: 安裝完主題後,去網站前台重新整理看看,是不是整個網站都變身了呢?
3. 主題自訂器:所見即所得的修改神器!
大部分的佈景主題都支援「自訂器 (Customizer)」,讓您在左側調整設定,右側即時預覽效果,超方便!
實際操作:用自訂器調整網站外觀
- 進入自訂器: 在 WordPress 後台,點擊左側「外觀 (Appearance)」>「自訂 (Customize)」。
- 探索自訂選項:
- 網站識別 (Site Identity): 上傳您的 Logo、設定網站圖示 (Favicon)。
- 色彩 (Colors): 調整網站的背景色、文字色、連結色。
- 字體排版 (Typography): 設定網站的字體、字體大小、行高。
- 選單 (Menus): 管理網站導航列的內容 (等等會詳細教)。
- 小工具 (Widgets): 管理側邊欄或頁尾的內容 (等等會詳細教)。
- 首頁設定 (Homepage Settings): 設定首頁要顯示最新文章還是靜態頁面。
- 每個主題的自訂選項會略有不同,多點擊看看。
- 儲存發布: 每次調整完,記得點擊上方的「發布 (Publish)」按鈕。
4. 網站的導航:選單與小工具設定
- 選單 (Menus): 就像地圖,引導訪客快速找到網站的重要頁面。
- 小工具 (Widgets): 網站側邊欄或頁尾區塊的百寶袋,可以放搜尋框、最新文章、社群連結等。
實際操作:建立選單與設定小工具
- 建立選單:
- 在自訂器中點擊「選單 (Menus)」或在後台「外觀 (Appearance)」>「選單 (Menus)」。
- 點擊「建立新選單 (Create a new menu)」,輸入選單名稱,例如「主選單」。
- 勾選要顯示的位置 (例如:主要導航)。
- 從左側新增「文章」、「頁面」、「自訂連結」等到選單中,拖曳排序。
- 儲存選單。
- 設定小工具:
- 在自訂器中點擊「小工具 (Widgets)」或在後台「外觀 (Appearance)」>「小工具 (Widgets)」。
- 選擇要編輯的區域 (例如:側邊欄、頁尾)。
- 點擊「+」號新增小工具,例如「搜尋」、「近期文章」、「圖片」。
- 儲存。
本堂課小結:
現在您的網站不僅有內容,還有漂亮的外觀和清晰的導航了!是不是越來越有專業網站的樣子了呢?
下一堂課,我們要揭開 WordPress 最強大的秘密武器——外掛!它們能讓您的網站功能百變,從安全防護到 SEO 優化,通通搞定!
