最後更新日期：2026 年 03 月 31 日
主機架好了、佈景主題裝好了，現在要來把網站外觀弄得更完整。
這篇是四天架站教學系列的第三篇，帶你完成頁首選單、頁尾、側邊欄、整體配色字型，以及 Logo 的設定。跟著步驟做完，網站外觀就大致完成了。
如果還沒完成前兩篇，建議先從這裡開始：DAY 1 主機申請 ➔ DAY 2 佈景主題基本設定，再回來做這篇。
四天架站教學系列：
▸ DAY 1、Cloudways 主機申請
▸ DAY 2、佈景主題基本設定
▸ DAY 3、佈景主題進階教學（本篇）
▸ DAY 4、網域申請，網站上線！
開始前建議先隨意新增幾篇測試文章（有標題、內文、圖片、分類），這樣在做設定時比較能看出整體效果。
一、頁首選單設定
頁首就是網站最上方那一條區塊，我們來設定它要顯示哪些項目。
頁首選單通常會依照文章分類來設定，先來新增分類。有兩種方式：
方式一：文章 ➔ 分類 ➔ 新增分類。
新增完成後，在文章編輯頁面右側即可選取文章分類。
或是從文章 ➔ 全部文章 ➔ 快速編輯 ➔ 選擇分類。
方式二：直接在文章編輯頁面右側新增分類並選取。
透過文章分類建立頁首選單：外觀 ➔ 選單 ➔ 輸入選單名稱（主選單）➔ 選擇應用在「頁首選單 1」和「手機選單」➔ 建立選單。
以「分類」為例：點選分類中的項目 ➔ 新增至選單 ➔ 儲存選單。
把選單放到畫面上：外觀 ➔ 自訂 ➔ 一般選項 ➔ 頁首 ➔ 將左側選單拖曳到右側欄位。
左側元件都可以拖曳到右側，包括社群、搜尋、按鈕等，可以自己試試看。
回到前台，頁首選單設定完成，點選後下方會出現相應的分類文章。
二、頁尾設定
外觀 ➔ 自訂 ➔ 一般選項 ➔ 頁尾。
和頁首一樣，將左側元件拖曳到右側區塊。通常會在頁尾放版權文字，把左側「版權」拖曳到右側欄位。
點入版權可進一步設定文字內容，有括號的是動態變數，常用的幾個：
- [ copyright ] — © 版權符號
- [ current_year ] — 當前年份，每年自動更新
- [ theme_author ] — 佈景主題開發人員
- [ site_title ] — 你的網站標題
也可以直接打字設定想要的文字，最後設定對齊方式（建議置中）。頁尾完成！
三、側邊欄設定
1、側邊欄顯示設定
外觀 ➔ 自訂 ➔ 內容類型 ➔ 分類。
可以設定排版樣式、每頁顯示文章數量、側邊欄是否顯示等。
單一文章頁面也可以透過「文章結構」單獨決定是否顯示側邊欄。
2、側邊欄內容設定
步驟一：安裝 Classic Widgets 外掛。
外掛 ➔ 安裝外掛 ➔ 搜尋「Classic Widgets」➔ 立即安裝 ➔ 啟用。
步驟二：設定側邊欄內容。
外觀 ➔ 小工具，用拖曳的方式將左側可用的小工具拖到右側「主要資訊欄」。
四、全域網站設定
1、配色設定
外觀 ➔ 自訂 ➔ 一般選項 ➔ 顏色。
建議從整體顏色調色盤調整，系統會自動帶入連結顏色、滑鼠懸停顏色、背景顏色等。
點擊調色盤可以選擇系統預設的多種配色，也可以自行調整。配色可以參考 Coolors 或 Digital Synopsis，都有很多漂亮的範例。
2、字型與字體大小
外觀 ➔ 自訂 ➔ 一般選項 ➔ 排版樣式。
這裡可以設定基本字體、H1～H6 各標題的字型、大小、粗細。簡單理解：H1 是主標題、H2 是副標題，以此類推。標題標籤的正確使用對 SEO 很重要。
相關閱讀：
SEO 關鍵字｜七個步驟找出關鍵字，提高網站在 Google 上的排名
WordPress SEO 優化｜如何讓你的文章有高排名？
點擊右上角三個小圓點可進入詳細設定，上方小圖示可針對電腦、平板、手機分別設定。設定完後點擊「發佈」。
3、卡片樣式
外觀 ➔ 自訂 ➔ 內容類型 ➔ 網誌文章 ➔ 卡片選項。
可以選擇要顯示哪些元件，不要的點左側眼睛按鈕關掉，也可以拖曳排序，非常直覺。
4、Logo 設置
外觀 ➔ 自訂 ➔ 直接點擊右側畫面上的頁首 ➔ 點擊「標誌」➔ 選取標誌上傳你的 Logo ➔ 調整大小。
把下方「網站標題」和「網站說明」關掉不顯示，畫面更乾淨。
發佈後回到前台，網站整體架構就完成了 🥳 之後專心產出內容就好！
第三篇完成了 🥳 頁首、頁尾、側邊欄、配色、Logo 全部搞定，網站外觀已經很像樣了。
最後一篇會帶你申請網域，讓全世界的人都能透過你的網址找到你的網站。繼續往下走吧 👉 DAY 4、網域申請，網站上線！
延伸閱讀：
▸ 新手理財的四個步驟 開始打造被動收入
▸ 14種常見的被動收入管道分享
▸ 零成本的 Redbubble 在網路上賺取被動收入
😎 被動收入實驗室 IG | YT頻道
✈️ 點這裡加入清倉機票優惠票券社群
