內容大綱
第四天課程大綱
加入社團討論
課程中使用的工具
0.第四天的課程開始囉！
歡迎來到五天自學衝刺班部落格篇的第四天！
今天帶路姬將帶你利用幾個 Soledad佈景主題的外觀基礎設定，來進行網站外觀的微客製化：改網站的 LOGO、頁尾智慧財產權宣告的文字、首頁的排版調整等…
然而，Soledad的外觀設定選項多達上千個，透過設定的組合，可以把網站改成成千上萬種樣貌！帶路姬在今天的課程，將先教你其中七個主要項目。
誠心建議你：直接把 Soledad翻譯成中文版，再加上帶路姬另外準備的使用說明指引，就不用擔心剩下的設定都看不懂，不僅可以把網站設定的更獨特美觀、善用非常多Soledad預設的功能、減少安裝重複的外掛（節省主機資源與避免外掛衝突），還可以大幅降低把網站越改越醜、甚至改壞的風險喔！
接下來，今天接下的影片，還會幫助你了解，佈景主題所提供的外觀客製化的選項真的超級多！
- 所以才能用同一個佈景主題，做出幾百個看起來差別很大的示範網站！
- 每個佈景主題的自訂項目與分類的方式都不一樣喔！所以如果能找到比較完整的教學（像帶路姬的五天自學衝刺班），真的會比較有頭緒一些！
- 很多免費的佈景主題，大概就是把 外觀 > 自訂裡 的選項 90%都鎖起來，讓你體驗看看他的用法、看看選項是如何分類的而已，不過大部分的細部設定是需要付費升級（甚至每年續約）才能解鎖使用的，順帶提一下讓大家有點概念囉🥰！
1. 如何換掉 Logo與調整選單樣式?
只要與全站式樣式相關的設定，都可以到 外觀>自訂去找找看喔！
跟著影片操作就可以了喔！ 12’58”
如何換 Logo：
- 到網站後台的 外觀>自訂
- 點選 Logo & Header
- 點選 Logo，並且點選變更圖片，就可以換成你的 Logo 圖片
如果你還沒有自己的 LOGO，可以參考這兩篇文章來自己設計一個喔！
如何改變頁首區域的排版：
- 到網站後台的 外觀>自訂
- 點選 Logo & Header
- 點選 General
- 在 Header Layout 處，可以選擇不同的排版樣式（有的 Logo 置中，有的 Logo 在左邊等等，可以參考 Soledad 示範網站）
如何調整選單樣式：
- 到網站後台的 外觀>自訂
- 點選 Main Bar & Primary Menu
2. 如何調整頁尾與智慧財產權區域的樣式？
頁尾區域和頁首區域一樣，都是全站共用的喔！
跟著影片操作就可以了喔！ 6’50”
如何調整頁尾樣式：
- 到網站後台的 外觀>自訂
- 點選 Footer 頁尾
- 點選 General，有很多和頁尾相關的設定
- 最下面 Footer Copyright Text 處，可以填入智慧財產權宣告
3. 如何調整彙整頁面的排版與樣式？
只要不是自己建立的頁面，都是 WordPress 自動幫我們彙整出來的頁面喔！
可以先參考，如果有需要才調整，非必做項目：7’55”
- 到網站後台的 外觀>自訂
- 點選 General
- 點選 Category, Tags, Search Archive Pages (分類彙整頁面、標籤彙整頁面、搜尋結果彙整頁面等）
- 在 Category, Tag, Search, Archive Layout處，可以指定你喜歡的排版方式（可以參考 Soledad 示範網站）
4. 如何修改單篇文章的排版與樣式？
可以指定文章的排版方式、顯示或隱藏文章中的內容以外的資訊、調整文字大小等等...
可以先參考，如果有需要才調整，非必做項目： 8’13”
- 到網站後台的 外觀>自訂
- 點選 Single Posts 單篇文章
- 點選 General 一般設定
- 在 Single Posts Template 處，可以指定你喜歡的排版方式（可以參考 Soledad 示範網站）
- 還有很多選項來顯示或隱藏下方的一些元素喔！
5. 如何編輯社群連結與設定社群分享？
可以指定他們是否要顯示？要顯示在哪裡等等...
可以先參考，如果有需要才調整，非必做項目：7’21”
- 設定社群連結：到網站後台的 外觀>自訂 > Social Media，填入社群連結
- 設定社群分享的圖示：要看這些圖示出現在什麼地方，想要設定他們為顯示或是隱藏，設定的地方都是不同的喔！（請參考影片）
6. 如何全站式的調整頁面的樣式？
設定頁面是否要側邊欄？是否要帶有背景的頁面標題等等...
可以先參考，如果有需要才調整，非必做項目：7’55”
頁面是否要顯示側邊欄：
- 到網站後台的 外觀>自訂 > Pages
- General > Page Default Template Layout (可以決定頁面要不要側顯示邊欄）
- 有時候，以要到編輯頁面的地方，檢查頁面「範本」設定，是否有顯示側邊欄（請參考影片）
關於 Page Header (頁面標題區）：
- 到網站後台的 外觀 > 自訂 > Pages > Page Header
- 勾選 Enable Page Header for Pages，則會在靜態頁面都顯示頁面標題區塊（可以指定背景圖片）
今天的課程上完囉！礙於課程篇幅，帶路姬無法把所有設定都一個一個仔細講解，因此帶路姬直接準備了 Soledad的中文版翻譯包以及使用說明指引，相信一定能幫助你更直覺的操作啦！不僅可以把網站設定的更獨特美觀、善用非常多Soledad預設的功能、減少安裝重複的外掛（節省主機資源與避免外掛衝突），還可以大幅降低把網站越改越醜、甚至改壞的風險喔！
7. 如何調整側邊欄的樣式？
側邊欄的標題有些預設的樣式可以選擇、側邊欄的標題樣式設定等等
可以先參考，如果有需要才調整，非必做項目：3’18” （影片中口誤，是第四天最後一個影片啦😅!）
關於小工具的標題的樣式：
- 到網站後台的 外觀 > 自訂 > Sidebar > General > Sidebar Widget Heading Style ，選擇你喜歡的樣式
- 也可以到網站後台的 外觀 > 自訂 > Sidebar > Colors，調整看看相關的顏色
如果你真的找不到修改樣式的地方，歡迎到帶路姬的社團找找看答案，或者購買 YellowPencil 外掛來輔助，會簡單很多喔！(什麼是 YellowPencil外掛？）
歡迎分享課程
歡迎贊助帶路姬
以關鍵字搜尋
A2 HostingBBBloggerCloudflareDigitalOceanDivi BuilderEssentialsGoogle CaptchaGoogle WorkspaceJannahLearnDashLinodeMediumMemberPressOptimize SEOOshinePortoStyler for WPFormsSucuriTemporary Login Without PasswordTheGemUX BuilderWoodMartWordfencewpDataTableWPFormsWP RocketWPvividXuiteYellowPencil 部落格建置圖庫垃圾留言抽獎換主題文章排序時間管理更新書籍推薦短代碼社群媒體移轉網域精選主機網站備份網站安全翻譯選單部落格建置隨意窩黑色星期五
© WordPress 網站帶路姬 2018~2025 版權所有 | 本站使用 Soledad主題 + Elementor Pro 編輯器 | 推薦使用 Cloudways主機
15 留言
謝謝Erin！
請問帶路姬，課程跟到這邊，我用的是diy版型，但是在後台更換了header的底圖，卻沒有跟著該換，字體我也換了 ，但是好像也沒有變，不曉得我漏掉了甚麼? 謝謝抽空回答
◆ 我是在colors for header 換的
◆ 也有清除快取
Erin妳好：
我是在網站外搜尋到妳的教學的Andy，
我做到現在，有一個問題想要請教Erin，
我也是跟著採用Simple的範例，
可是我想把食譜那一個頁面的格式copy到我的網站，
請問我可以怎麼做？
歡迎到社團裡來發問喔：
https://www.facebook.com/groups/wpointer
請問廠商廣告素材,跟踪鏈接如何置入側邊攔
可以到外觀>小工具，利用圖片或文字的小工具，插入到側邊欄裡。
Dear 帶路姬:
我想請問您~在進行編輯社群圖示的連結時,我確實都有按照步驟執行
但是點進去ig或yt時,跑出來的頁面都是自己的wordpress頁面呢?><
你可能編輯錯地方了。請到社團裡來發問，並且附上截圖，讓大家幫你看看喔。
https://www.facebook.com/groups/wpointer
請問可以修改header的高度嗎？上傳logo照片後 高度變高了！
請問sidebar在手機或平板的顯示可以改嗎？隱藏或是改大小，不然版面跑掉好醜……
歡迎到社團裡來發問喔。
https://www.facebook.com/groups/wpointer
老師好，使用soledad 跟著老師學習第三天的外觀自訂器發現很多選項都跟畫面不一樣，我的外觀自訂器完全沒有Options 這個詞
位置有時也不一樣，原本想說我自己找的到就沒問題，但在今天的教學裡實在找不到任何 Mobile相關設定，在第一層也沒有任何color的選項，
想問自訂器內容差異會是因為版本差異或是我沒有打開甚麼設定呢? 感謝
因為版本的差異，他們的位置有些改變，我這幾天來找時間更新一下畫面，感謝通知喔。
你好，我買了你介紹的soledad主題，但發覺很多東西都很硬生生放在固定位置，所以看你的youtube影片介紹elementor編輯器，但我不太明白，是要重新裝作主頁嗎? 那為何又要買主題呢?
Soledad 主題與 Elementor 編輯器外掛是相容的。主題和編輯器外掛，各自有各自的功能，說來話長，有些功能類似，有些功能不同，需要玩玩看才比較清楚。
首頁，有很多方式製作，可以參考這些影片：
http://soledad.pencidesign.com/soledad-document/#homepage