內容大綱
第四天課程大綱
加入社團討論
課程中使用的工具
0.第四天的課程開始囉！
歡迎來到五天自學衝刺班形象篇的第四天！今天的課程的前兩個影片蠻重要的，我會帶著你改網站的 LOGO 和最下面的智慧財產權宣告的文字。
其餘的影片呢，會幫助你對 Soledad 主題可以客製化外觀的項目有更深的了解，基本上除了文章與頁面的內容以外，首頁、頁首、側邊欄、頁尾等等的設計與排版調整，都將在今天的影片會提到喔！（幾乎都在 外觀>自訂 裡 ）
大家可以參考今天的影片，依照自己的需求來做外觀上的調整，如果對示範網站的樣式與排版已經很滿意，也不一定需要改動太多☺️。
看完今天的影片，你也會更加了解，原來可以客製化的選項這麼多！
- 所以才能用同一個佈景主題，做出幾百個看起來差別很大的示範網站！
- 而且，每個佈景主題的自訂項目與分類的方式都不一樣喔！所以如果能找到比較完整的教學（像帶路姬的五天自學衝刺班），真的會比較有頭緒一些！
- 很多免費的佈景主題，大概就是把 外觀 > 自訂裡 的選項 90%都鎖起來，讓你體驗看看他的用法、看看選項是如何分類的而已，不過大部分的細部設定是需要升級才能解鎖使用的，順帶提一下讓大家有點概念囉🥰！
1. 如何換掉 Logo與調整選單樣式?
只要與全站式樣式相關的設定，都可以到 外觀>自訂去找找看喔！
跟著影片操作就可以了喔！ 15’48”
如何換 Logo：
- 到網站後台的 外觀>自訂
- 點選 Logo & Header
- 點選 Logo，並且點選變更圖片，就可以換成你的 Logo 圖片
如果你還沒有自己的 LOGO，可以參考這兩篇文章來自己設計一個喔！
如何改變頁首區域的排版：
- 到網站後台的 外觀>自訂
- 點選 Logo & Header
- 點選 General
- 在 Header Layout 處，可以選擇不同的排版樣式（有的 Logo 置中，有的 Logo 在左邊等等，可以參考 Soledad 示範網站）
如何調整選單樣式：
- 到網站後台的 外觀>自訂
- 點選 Main Bar & Primary Menu
如果你真的找不到修改樣式的地方，歡迎到帶路姬的社團找找看答案，或者購買 YellowPencil 外掛來輔助，會簡單很多喔！
2.如何修改側邊欄的小工具內容與樣式？
側邊欄的標題有些預設的樣式可以選擇、側邊欄的標題樣式設定等等
重要觀念＋操作 21’50”
什麼是小工具？
- 側邊欄與頁尾資訊欄中，可以加入一個區塊一個區塊的小工具，作為次要資訊的補充
- 到外觀 > 小工具，可以編輯小工具
- 只要展開你想編輯的小工具區域就可以編輯裡面的小工具，像是 Main Sidebar 是主要側邊欄區域，Footer Column1~Footer Column3則是頁尾資訊欄的三個欄位，可分別插入小工具。
- 編輯小工具的方式很簡單，和文章一樣，都是使用「區塊編輯器」
關於小工具的標題的樣式：
- 到網站後台的 外觀 > 自訂 > Sidebar > General > Sidebar Widget Heading Style ，選擇你喜歡的樣式
- 也可以到網站後台的 外觀 > 自訂 > Sidebar > Colors，調整看看相關的顏色
如果你真的找不到修改樣式的地方，歡迎到帶路姬的社團找找看答案，或者購買 YellowPencil 外掛來輔助，會簡單很多喔！
3. 如何調整頁尾與智慧財產權區域的樣式？
頁尾區域和頁首區域一樣，都是全站共用的喔！
跟著影片操作就可以了喔！ 7’11”
如何調整頁尾樣式：
- 到網站後台的 外觀>自訂
- 點選 Footer 頁尾
- 點選 General，有很多和頁尾相關的設定
- 最下面 Footer Copyright Text 處，可以填入智慧財產權宣告
如果你真的找不到修改樣式的地方，歡迎到帶路姬的社團找找看答案，或者購買 YellowPencil 外掛來輔助，會簡單很多喔！
4. 在頁面中列出文章的方式有兩種！
用頁面編輯器插入文章列表，或者從選單加入分類
重要觀念＋操作：11’51”
如果你真的找不到修改樣式的地方，歡迎到帶路姬的社團找找看答案，或者購買 YellowPencil 外掛來輔助，會簡單很多喔！
5. 如何修改單篇文章的排版與樣式？
可以指定文章的排版方式、顯示或隱藏文章中的內容以外的資訊、調整文字大小等等...
可以先參考，如果有需要才調整，非必做項目： 9’08”
- 到網站後台的 外觀>自訂
- 點選 Single Posts 單篇文章
- 點選 General 一般設定
- 在 Single Posts Template 處，可以指定你喜歡的排版方式（可以參考 Soledad 示範網站）
- 還有很多選項來顯示或隱藏下方的一些元素喔！
如果你真的找不到修改樣式的地方，歡迎到帶路姬的社團找找看答案，或者購買 YellowPencil 外掛來輔助，會簡單很多喔！
6. 如何編輯社群連結與設定社群分享？
可以指定他們是否要顯示？要顯示在哪裡等等...
可以先參考，如果有需要才調整，非必做項目：7’21”
- 設定社群連結：到網站後台的 外觀>自訂 > Social Media，填入社群連結
- 設定社群分享的圖示：要看這些圖示出現在什麼地方，想要設定他們為顯示或是隱藏，設定的地方都是不同的喔！（請參考影片）
如果你真的找不到修改樣式的地方，歡迎到帶路姬的社團找找看答案，或者購買 YellowPencil 外掛來輔助，會簡單很多喔！
歡迎分享課程
歡迎贊助帶路姬
以關鍵字搜尋
A2 HostingAppSumoBBBlocksyDigitalOceanDivi BuilderGoogle CaptchaGoogle WorkspaceJannahKadenceLearnDashLinodeMemberPressNamecheapOptimize SEOPixnetPortoRank MathStackableStagingStyler for WPFormsSucuriTemporary Login Without PasswordUX BuilderWordfencewpDataTableWPFormsWP RocketWPvividXuiteYellowPencil 部落格建置免費圖庫圖庫換主題文章排序更新書籍推薦測試網站痞客邦短代碼移轉網域精選主機網站備份網站安全翻譯複製網站選單隨意窩黑色星期五
© WordPress 網站帶路姬 2018~2024 版權所有 | 本站使用 Soledad主題 + Elementor Pro 編輯器 | 推薦使用 Cloudways主機
1 留言
Hello~我想問要如何調整logo的大小?不知道連結可不可以點進去，可以試試看