第三堂:網站的妝容大變身!佈景主題選擇與客製化

「網站的門面好不好看,關鍵就在於『佈景主題 (Theme)』!這堂課,我們要帶您挑選最適合您網站風格的佈景主題,並教您如何簡單客製化,讓您的網站獨具特色!」

1. 佈景主題:網站的靈魂與骨架

佈景主題就像是您網站的「設計師」,它決定了網站的整體外觀、版面配置、顏色、字體等等。

  • 免費主題 vs. 付費主題:
    • 免費主題: 在 WordPress 官方主題庫就能找到,功能夠用,但客製化彈性可能較小。
    • 付費主題: 通常功能更豐富、設計更精美、支援更完善,像是 ThemeForest 上有很多熱門主題。
  • 怎麼選佈景主題?
    • 看設計: 是否符合您的網站風格?
    • 看響應式設計 (RWD): 能不能在手機、平板上正常顯示? (現在 RWD 是必備!)
    • 看功能: 有沒有您需要的基本功能?
    • 看評價與更新: 主題是否持續更新?評價好不好?

2. 佈景主題安裝與啟用:輕鬆換裝!

安裝佈景主題非常簡單,就像手機換桌布一樣!

實際操作:安裝與啟用佈景主題

  1. 進入佈景主題介面: 在 WordPress 後台,點擊左側「外觀 (Appearance)」>「佈景主題 (Themes)」。
  2. 新增佈景主題:
    • 從 WordPress 官方搜尋: 點擊「新增 (Add New)」,可以直接搜尋免費主題,例如:「Astra」、「GeneratePress」、「Neve」都是非常輕巧、適合客製化的主題。
    • 上傳付費主題: 如果您購買了付費主題,會是一個壓縮包檔案,點擊「上傳佈景主題 (Upload Theme)」上傳。
  3. 安裝與啟用: 找到您喜歡的主題,點擊「安裝 (Install)」>「啟用 (Activate)」。

小撇步: 安裝完主題後,去網站前台重新整理看看,是不是整個網站都變身了呢?

3. 主題自訂器:所見即所得的修改神器!

大部分的佈景主題都支援「自訂器 (Customizer)」,讓您在左側調整設定,右側即時預覽效果,超方便!

實際操作:用自訂器調整網站外觀

  1. 進入自訂器: 在 WordPress 後台,點擊左側「外觀 (Appearance)」>「自訂 (Customize)」。
  2. 探索自訂選項:
    • 網站識別 (Site Identity): 上傳您的 Logo、設定網站圖示 (Favicon)。
    • 色彩 (Colors): 調整網站的背景色、文字色、連結色。
    • 字體排版 (Typography): 設定網站的字體、字體大小、行高。
    • 選單 (Menus): 管理網站導航列的內容 (等等會詳細教)。
    • 小工具 (Widgets): 管理側邊欄或頁尾的內容 (等等會詳細教)。
    • 首頁設定 (Homepage Settings): 設定首頁要顯示最新文章還是靜態頁面。
    • 每個主題的自訂選項會略有不同,多點擊看看。
  3. 儲存發布: 每次調整完,記得點擊上方的「發布 (Publish)」按鈕。

4. 網站的導航:選單與小工具設定

  • 選單 (Menus): 就像地圖,引導訪客快速找到網站的重要頁面。
  • 小工具 (Widgets): 網站側邊欄或頁尾區塊的百寶袋,可以放搜尋框、最新文章、社群連結等。

實際操作:建立選單與設定小工具

  1. 建立選單:
    • 在自訂器中點擊「選單 (Menus)」或在後台「外觀 (Appearance)」>「選單 (Menus)」。
    • 點擊「建立新選單 (Create a new menu)」,輸入選單名稱,例如「主選單」。
    • 勾選要顯示的位置 (例如:主要導航)。
    • 從左側新增「文章」、「頁面」、「自訂連結」等到選單中,拖曳排序。
    • 儲存選單。
  2. 設定小工具:
    • 在自訂器中點擊「小工具 (Widgets)」或在後台「外觀 (Appearance)」>「小工具 (Widgets)」。
    • 選擇要編輯的區域 (例如:側邊欄、頁尾)。
    • 點擊「+」號新增小工具,例如「搜尋」、「近期文章」、「圖片」。
    • 儲存。

本堂課小結:

現在您的網站不僅有內容,還有漂亮的外觀和清晰的導航了!是不是越來越有專業網站的樣子了呢?

下一堂課,我們要揭開 WordPress 最強大的秘密武器——外掛!它們能讓您的網站功能百變,從安全防護到 SEO 優化,通通搞定!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端