第三天：編輯首頁與選單 - WordPress 網站帶路姬

3'29”. 到網站後台的外觀> 自訂; 到Homepage > General; 在Homepage Layout 的地方，選擇自己好歡的排版方式（可參考Soledad 主題的示範網站） ... 搜尋五天自學衝刺班—部落格篇2.0第三天：編輯首頁與選單只要堅持約一小時，你就可以有個漂亮的門面！而且訪客也可以輕鬆找到你用心寫過的文章囉！建立全新WP網站已完成套用版型增加內容已完成編輯首頁編輯選單進行中調整設計修改樣式待解鎖安裝外掛擴展功能待解鎖好學生推廣加碼影片！待解鎖第三天課程大綱0.課前注意事項1.如何編輯主選單？2.編輯首頁有兩種方式？3.如何加滑動的大圖到首頁？4.如何增加熱門文章區塊到首頁？5.如何增加三個精選圖片連結到首頁？6.如何改變首頁的文章排列方式？7.如何控制文章摘要長度？8.如何編輯側邊欄與小工具的內容？加入社團討論課程中使用的工具Soledad佈景主題（部落格篇、形象篇)Flatsome佈景主題（型錄購物篇)ElementorPro頁面編輯器專業版Bluehost虛擬共享主機（最便宜）A2Hosting虛擬共享主機（最高CP值）Cloudways獨立雲端主機（最快速）ElementPack（擴充Elementor)ShortPixel壓縮圖片YellowPenicl客製化CSS樣式WPRocket優化網站速度WPForms視覺化表單WPReset還原網站與急救DesignCap快速LOGODIY更多帶路姬推薦的好用主題與外掛0.第三天的課程開始囉！哈囉！歡迎來到五天自學衝刺班部落格篇第三天的課程！只要再撐一個小時，上完今天的課程，最重要的基礎就差不多上完了！明天再改一下Logo等等，幾乎就可以開始運作了喔！加油加油！1.如何編輯主選單？要先建立內容與分類，才能把他們加到選單中喔！ 跟著影片操作就可以了喔！15’59”到網站後台的外觀>選單編輯現有的選單或新增一個選單從左邊選擇勾選你想加到選單的項目，點選新增至選單右邊可以改項目的標籤，或上下拖拉順序下方記得勾選選單要出現的位置儲存選單就可以囉！2.編輯首頁有兩種方式？部落格篇教的是最簡單的方式，10分鐘搞定！ 跟著影片操作就可以了喔！5’27”方式一：用區塊編輯器或第三方的頁面編輯器（例如像Elementor）來建立一個頁面，然後到設定>閱讀，來設定這頁為首頁。

（在五天自學衝刺班形象篇第三天有教喔！）方式二：讓部落格彙整最新的文章成一個首頁，再透過外觀>自訂所提供的設計選項，來設計首頁的排版與增加幾個互動的元素。

（今天接下來的課程都是教這個方式喔！）3.如何加滑動的大圖到首頁？這通常叫Slider或滑塊，可以漂亮的展示精選的文章 跟著影片操作就可以了喔！5’17”到網站後台的外觀>自訂點選FeaturedSlider>General勾選EnableFeaturedSlider勾選你喜歡的FeaturedSliderStyle（滑塊樣式）就可以囉！4.如何增加熱門文章區塊到首頁？這也是一個很漂亮區塊，可以選擇性的加到首頁喔！ 跟著影片操作就可以了喔！3’11”到網站後台的外觀>自訂可以透過左下角的三個圖示，來預覽不同螢幕大小下，預覽網頁呈現的樣子到Homepage>HomepagePopularPosts（首頁熱門文章）勾選EnablePopularPostsonHomepage即可啟用這個功能5.如何增加三個精選圖片連結到首頁？可以自訂三張圖片，分別打開三個指定的網址喔！ 跟著影片操作就可以了喔！3’13”到網站後台的外觀>自訂到Homepage>HomeFeaturedBoxes 勾選EnableHomeFeaturedBoxesstyle2即可啟用這個功能每個連結都可以自訂代表的圖片(Image)、顯示的文字(Text)與連結的網址(URL)6.如何改變首頁的文章排列方式？可以一篇篇往下堆疊、也可以用格狀(卡片)呈現，選擇非常多！ 跟著影片操作就可以了喔！3’29”到網站後台的外觀>自訂到Homepage>General 在HomepageLayout的地方，選擇自己好歡的排版方式（可參考Soledad主題的示範網站）7.如何控制文章摘要長度？有兩種簡單的方式喔！ 跟著影片操作就可以了喔！4’04”編輯文章時，插入「閱讀全文」區塊於文章中，閱讀全文區塊以上的部分即為文章摘要。

或者，也可以再編輯文章時，於右手邊的「內容摘要」欄位，另外填寫獨立的內容摘要。

8.如何編輯側邊欄與小工具的內容？側邊欄裡一區塊、一區塊的額外資訊，都是「小工具」！重要觀念與操作15’03”網站分成四大區域：頁首(Header)、內容(Content)、側邊欄(Sidebar)、頁尾(Footer)側邊欄與頁尾是很常可以插入小工具的地方到外觀>小工具，展開小工具的區域去編輯裡面的小工具，或者點選＋來新增更多的小工具到你喜歡的區域。

每個小工具的區域，是以區塊編輯器來編輯裡面的小工具。

今天的課程完成囉！可以準備進入第四天囉！建立全新WP網站已完成套用版型增加內容已完成編輯首頁編輯選單已完成調整設計修改樣式開始吧！安裝外掛擴展功能待解鎖好學生推廣加碼影片！待解鎖歡迎分享課程FacebookLINETelegramSkype歡迎贊助帶路姬刷卡或PayPal留言給帶路姬吧！取消回覆Savemyname,email,andwebsiteinthisbrowserforthenexttimeIcomment. 我想收到帶路姬週報。

Δ30留言summer2019-12-01-8:07下午帶路姬晚上好～～～想問一下請問我可以把三個精選圖框移動到首頁的頁尾嗎？或是怎麼樣在頁尾加一個新區塊？因為我希望可以加一整個區塊不是分三格的那種～～～回答網站帶路姬/ErinLin2019-12-05-8:09下午可以喔，可是做法就真的蠻不一樣的，你可能就得學習使用Elementor這個外掛來自由的設計排版。

回答sunny2019-12-13-12:27下午帶路姬ERIN你好請問我已經將文章做分類，並且將分類同步放在主選單上，但是無論點進去分類貨主選單，都無法帶出相關的文章，畫面一直呈現空白….請幫幫忙卡關卡好久了謝謝回答小娜2020-07-09-2:11上午我也是同樣遇到這樣的問題,請問該怎麼做回答網站帶路姬/ErinLin2020-07-09-11:37上午請檢查看看，是不是有外掛衝突的情況，可以把所有外掛停用，再一個一個打開來除錯。

尤其是請小心，不要同時安裝兩個SEO的外掛。

回答winter2020-02-28-11:12上午帶路姬ERIN你好~請問別的主題是不是就沒有slider功能～我是用Enflod是也能用Elementor去做嗎？回答網站帶路姬/ErinLin2020-03-17-11:42下午不一定喔，不過，大部分的主題都是可以增加Slider,我相信Enfold一定也有，只是增加Slider的方式會不太一樣。

Enfold應該有他自己搭配的頁面編輯器，你可能要去他的介紹頁面找一下，確認他有提到和Elementor相容才可以喔～回答tj2020-06-28-5:30下午請問老師如果我在自訂項目「FeaturedSliderOptions」裡面選擇「PenciSliderStyle1」他有三張設定好的Slider我要怎麼更換圖片？回答網站帶路姬/ErinLin2020-07-07-3:37下午在控制台左手邊，有一個PenciSlider，這是一個製作幻燈片秀的工具，到那邊去找，應該不難。

回答小湘2020-07-11-12:39上午為什麼我設定頁面不會顯示在頁面上？回答網站帶路姬/ErinLin2020-07-17-5:49下午不太懂你的問題耶，請到社團來發問，並且說清楚一點喔。

https://www.facebook.com/groups/wpointer回答亞2020-07-12-6:45下午老師這樣架出來的網站是響應式的網站嗎如果不同的裝置看會不會歪掉回答網站帶路姬/ErinLin2020-07-16-1:49下午會是響應式的喔！回答Andy2020-07-28-7:22下午Erin妳好我不太會架設網站，僅在學校學習過WIX而已對於主機、空間那些，我也不太會看我有稍微瀏覽過妳的網站發現妳是用Cloudways主機我現在有在用bluehost主機，跟著妳的影片，試著架設我想架設網站的目的有幾個：1.部落格：分享生活＆使用經驗（會與相關餐飲品牌做聯盟推廣）2.品牌官網：為一餐飲品牌使用（計劃10年後展店），內容包含品牌意象、特色介紹、料理型態等等，預計會有一些影片、圖片等些許媒體的陸續使用，也會開放與顧客/會員的互動（有點像現在這樣）3.作品集：想把一路以來學習的歷程，個別做一系列的作品集，架設於網站上※我不太清楚應該把這3類的網站分開或架設在同一個網站會比較好※也不太知道這樣的需求，應該選擇怎麼樣的主機比較適合★想請Erin給我一些建議，謝謝！回答kenlee2020-08-02-2:24下午請問如何把分類的頁面設定到主選單回答kenlee2020-08-02-4:14下午我找到了在選單那直接加!回答波妮2020-08-14-3:42下午跟著影片做到第三天，我的網站突然就連不上了，出現Error521Webserverisdown的畫面，請問為什麼會這樣QQ回答網站帶路姬/ErinLin2020-08-14-4:57下午請到社團裡發問喔～謝謝～https://www.facebook.com/groups/wpointer回答Toywan2020-08-16-10:02下午請問該如何隱藏PrimaryMenu右邊的社群聯結呢?回答網站帶路姬/ErinLin2020-08-26-5:07下午歡迎到社團裡來發問喔：https://www.facebook.com/groups/wpointer回答ann2020-09-12-3:00下午Erin妳好我想問文章地精選圖片要在哪邊調整大小呢？謝謝！回答網站帶路姬/ErinLin2020-09-14-2:42下午很可惜的是，WordPress的網站，精選圖片的大小，其實沒有辦法很輕易地調整，都需要一點程式背景才能處理。

回答恕瑋2020-10-29-11:57下午請問最上方有個banner—>simpleblog請問在哪邊更改?回答網站帶路姬/ErinLin2020-11-08-3:31下午我記得影片裡有提到，如果真的找不到的話，可以到社團裡來發問喔。

回答Diona2020-12-30-5:17下午帶路姬好～～～我想要改變首頁文章列表的排版方式但是HomepageLayout沒有出現在我的Generaloptions裡面我該如何是好呢？回答網站帶路姬/ErinLin2021-01-01-4:04下午您好，歡迎到社團裡面來與大家討論。

https://www.facebook.com/groups/wpointer回答胖胖白目熊2021-05-16-10:59下午Erin您好我上您的課程已經到第四堂課，老師教得很好。

這邊有個問題想請教您，我在設定的過程中發現FeaturedSlider不會顯示了。

我確認在一開始學習第三堂課FeaturedSlider時是可以動的，後來調了一些設定後才不能動。

請問有什麼地方需要確認的嗎？目前我只有新增一篇文章，有將圖片設定為精選，且有確認過EnableFeaturedSlider有勾選，但首頁就是不會顯示FeaturedSlider功能。

回答網站帶路姬/ErinLin2021-05-18-8:42下午你後來有找到解決的辦法了嗎？可以到社團裡來發問喔！https://www.facebook.com/groups/wpointer回答BB2021-06-30-10:00下午可以問一下為甚麼都ˋ找不到headerimage更改的選項嗎>