第三天：編輯首頁與選單

只要堅持約一小時，你就可以有個漂亮的門面！而且訪客也可以輕鬆找到你用心寫過的文章囉！

建立全新
WP 網站

套用版型
增加內容

編輯首頁
編輯選單

調整設計
修改樣式

安裝外掛
擴展功能

好學生推廣
加碼影片！

第三天課程大綱

加入社團討論

課程中使用的工具

0.第三天的課程開始囉！

哈囉！歡迎來到五天自學衝刺班部落格篇第三天的課程！只要再撐一個小時，上完今天的課程，最重要的基礎就差不多上完了！明天再改一下 Logo 等等，幾乎就可以開始運作了喔！加油加油！

1. 如何編輯主選單？

要先建立內容與分類，才能把他們加到選單中喔！

跟著影片操作就可以了喔！ 15’59”

到網站後台的外觀 > 選單
編輯現有的選單或新增一個選單
從左邊選擇勾選你想加到選單的項目，點選新增至選單
右邊可以改項目的標籤，或上下拖拉順序
下方記得勾選選單要出現的位置
儲存選單就可以囉！

2. 編輯首頁有兩種方式？

部落格篇教的是最簡單的方式，10分鐘搞定！

跟著影片操作就可以了喔！ 5’27”

方式一：用區塊編輯器或第三方的頁面編輯器（例如像 Elementor）來建立一個頁面，然後到設定 >閱讀，來設定這頁為首頁。（在五天自學衝刺班形象篇第三天有教喔！）
方式二：讓部落格彙整最新的文章成一個首頁，再透過外觀 > 自訂 所提供的設計選項，來設計首頁的排版與增加幾個互動的元素。（今天接下來的課程都是教這個方式喔！）

3. 如何加滑動的大圖到首頁？

這通常叫 Slider 或滑塊，可以漂亮的展示精選的文章

跟著影片操作就可以了喔！ 5’17”

到網站後台的 外觀 > 自訂
點選 Featured Slider > General
勾選 Enable Featured Slider
勾選你喜歡的 Featured Slider Style （滑塊樣式）就可以囉！

4. 如何增加熱門文章區塊到首頁？

這也是一個很漂亮區塊，可以選擇性的加到首頁喔！

跟著影片操作就可以了喔！ 3’11”

到網站後台的 外觀 > 自訂
可以透過左下角的三個圖示，來預覽不同螢幕大小下，預覽網頁呈現的樣子
到 Homepage > Homepage Popular Posts （首頁熱門文章）
勾選 Enable Popular Posts on Homepage 即可啟用這個功能

5. 如何增加三個精選圖片連結到首頁？

可以自訂三張圖片，分別打開三個指定的網址喔！

跟著影片操作就可以了喔！ 3’13”

到網站後台的 外觀 > 自訂
到 Homepage > Home Featured Boxes
勾選 Enable Home Featured Boxes style 2 即可啟用這個功能
每個連結都可以自訂代表的圖片(Image)、顯示的文字 (Text)與連結的網址 (URL)

6. 如何改變首頁的文章排列方式？

可以一篇篇往下堆疊、也可以用格狀 (卡片) 呈現，選擇非常多！

跟著影片操作就可以了喔！ 3’29”

到網站後台的 外觀 > 自訂
到 Homepage > General
在 Homepage Layout 的地方，選擇自己好歡的排版方式（可參考 Soledad 主題的示範網站）

7. 如何控制文章摘要長度？

有兩種簡單的方式喔！

跟著影片操作就可以了喔！ 4’04”

編輯文章時，插入「閱讀全文」區塊於文章中，閱讀全文區塊以上的部分即為文章摘要。
或者，也可以再編輯文章時，於右手邊的「內容摘要」欄位，另外填寫獨立的內容摘要。

8. 如何編輯側邊欄與小工具的內容？

側邊欄裡一區塊、一區塊的額外資訊，都是「小工具」！

重要觀念與操作 15’03”

網站分成四大區域：頁首 (Header)、內容 (Content)、側邊欄 (Sidebar)、頁尾 (Footer)
側邊欄與頁尾是很常可以插入小工具的地方
到外觀 > 小工具，展開小工具的區域去編輯裡面的小工具，或者點選＋來新增更多的小工具到你喜歡的區域。
每個小工具的區域，是以區塊編輯器來編輯裡面的小工具。

今天的課程完成囉！可以準備進入第四天囉！