觀念篇 你有沒有過一種購物經驗,走進一家大賣場,你一邊在專心的買東西,一邊好像若有似無的聽到廣播說 「@#$^%&^!%%@%#^&&!…….」假如你正在專心買東西,大概也不太會注意到廣播內容,直到你兒子問你廣播在講什麼呀?你才仔細一聽,原來廣播在說:「父親節限時特賣,領帶只要 100 元…」之類的… WordPress小工具的角色,就我來看,有點像這個「若有似無的廣播」,他好像很不重要的存在著,可是如果一旦被發現,他又可以發揮很大的效用。 實務上 在WordPress網站中,小工具通常最出現在兩種位置: 部落格的文章旁邊的側邊欄裡面 (Sidebar) 頁尾,網站最下面的資訊區塊 (Footer) 常見的WordPress的小工具有哪些呢? 搜尋框 最新文章 熱門文章 文章分類 行事曆 社群連結 廣告 網站簡介 聯絡方式 等等… WordPress的小工具從哪裡設定? WordPress 5.7.2 以前: 外觀 > 小工具。 左手邊的小工具中,點選你想使用的。 從展開的位置選單中,選擇你想加到的位置。 再從右手邊,找到你剛剛增加的小工具,設定它的細節。 WordPress 5.8 最新版以後: 最新版的 WordPress 是使用區塊編輯器來編輯小工具喔!只要你有用過區塊編輯器來編輯網站內容,這個小工具編輯方式對你來說一定會非常直覺的,而且因為區塊種類非常多,可以讓你的側邊欄或頁尾區域充滿無限可能。 只要到外觀 > 小工具,然後要點選上面+的按鈕,就可以選擇你想增加的區塊到下方的小工具區域中。 WordPress的小工具還有什麼特殊的地方? 除了WordPress預設提供的小工具外,你可以利用「外掛」來新增更多「小工具」,搜尋的關鍵字是「Widgets」。 同一個小工具,可以重複增加到不同的地方,使用很多次。 小工具裡沒有的設定,表示就是沒辦法改,就得透過寫程式修改,或者找別的小工具來用。 有的付費主題,本身就帶有很多好用的小工具(例如像帶路姬用的 Jannah 主題)。 每個主題提供的可擺放小工具的位置都不一樣。 有的主題甚至可以讓你不用寫程式就可以增加擺放小工具的位置。 有的內容編輯器,甚至可以讓你增加小工具到內容裡。例如:Elementor, Beaver Builder。 WordPress的小工具的「位置」,到底是對應到網站裡的什麼位置? 小工具如果是出現在頁尾,可以在後台的小工具頁面,找找看「Footer」之類的位置。 小工具如果是出現在部落格的頁面,可以在後台的小工具頁面,找找看「Primary Sidebar」之類的位置。 如果有某個「位置」,你乍看真的猜不出它會出現在網站的哪裡,那就只好試試看,或者閱讀主題說明書。 WordPress的小工具的「樣式」怎麼修改? 小工具的標題通常在主題的「Typography」相關的設定,會有「Widget Title」之類的設定。 小工具的背景,通常會在主題的 「Sidebar(側邊欄) 」或者 「Styling/Styles/Colors」 的地方改。 如果是頁尾的小工具,有時候會出現在主題的「Footer」的設定裡面 。 大致上就這樣囉!希望你對WordPress的小工具有基本的認識了,下次帶路姬再來分享有哪些必裝的小工具呢?如果還有問題的話,歡迎來社團發問。
網站後台
-
-
今天很難得跟客戶阿祐見到面,全家人和他一起拍照、烤肉、聊聊天。前陣子幫他做網站時,常常通電話,現在總算真的見到面,感覺很親切。 就在他今天要離開前,剛好問了我一個問題,他說他的彙整頁面排版拍的不好看,能不能改?他還說,他花了幾個小時才搞懂什麼是彙整頁面… 所以,今天我就來簡短分享一下,什麼是彙整頁面? 從WordPress網站的後台,大家都知道,我們可以自己新增「頁面」 、「文章」、「文章的分類」和「文章的標籤」,可是,其實,這些並不是我們所有的頁面喔! WordPress其實還自動幫你產生了一些彙整頁面,像是: 分類彙整頁面:列出該分類的所有文章。 標籤彙整頁面:列出有標註該標籤的所有文章。 作者彙整頁面:列出該作者寫過的所有文章 日期彙整頁面:列出該日期的所有文章 搜尋結果彙整頁面 等等… 例如,在帶路姬的網站,有個文章分類叫「WordPress 教學」,大家從我的主選單裡點選「WordPress 教學」,它打開的,就是我的「WordPress教學」這個分類的「分類彙整頁面」。(我沒有特別從「頁面」去建立一個頁面,我只是增加了分類,然後我就可以從「外觀」>「選單」,直接加一個「分類」到主選單裡),然後選單裡的這個項目,打開的其實就是「分類彙整頁面」。 分類彙整頁面的樣式和排版怎麼改? 簡單的說,通常是佈景主題的設定裡面會有相關可以設定的地方,大家可以找找關鍵字,像是Archive(彙整)、Blog Posts (部落格列表),就是專門在設定彙整頁面的樣式的。 通常可以設定,要不要側邊欄?要不要顯示每篇文章的精選圖片?要不要顯示每篇文章的全文?還是摘要?等等… 好啦,今天累累了,先分享到這,有問題的話,歡迎來社團發問喔! 如果喜歡帶路姬的教學,請幫我的粉絲頁按讚,分享文章,鼓勵我一下喔!謝謝你們? #用了一張我爸爸幫我和阿祐拍的過曝的照片,因為表情好啊… 可是,爸爸的技術有待加強 XD
-
WordPress 新手要注意,網站在開發中,可以先不公開,透過設定能見度來隱藏網站,並且暫時阻止Google 來索引你的開發中的頁面,這篇WordPress教學教你兩個簡單的步驟,就可以不用寫程式,就可以製作開發中模式的頁面喔!
-
很多新手會問我:「我一定要用改時間來慢慢的調整文章的順序嗎?」 其實,有個小外掛可以讓你用拖拉的就能改變順序喔! Post Types Order 只要安裝好外掛後,在「文章」的地方會看得到多一個「Re-Order」,點進去就可以上下拖拉文章,記得點選「Update」來儲存。 另外,在「設定」的下面,也會多了一個「Post Types Order」,那邊可以設定要讓哪些內容使用這個拖拉改變順序的功能喔! 是不是超方便的!這當然是必裝的外掛的第一名啦^^ 使用範例:
-
除了 WordPress 預設的「文章」與「頁面」這兩種內容類型,其他可能還有其他的類型,可能就是主題附贈的。 下面列幾種我常見到的: Portfolio (作品集) Testimonials(使用心得) FAQ(常見問題) Products(產品) Sponsors(贊助商) Clients(客戶) Team(團隊) 這些內容,都有點類似「文章」,可以讓你新增很多篇,然後再依照每個主題自己設計的方式,放置內容在網站裡。每個主題會用什麼方式放置這些比較特殊的內容類型,差別就比較大,是比較難學習的部分。 要了解內容該寫到哪裡,最簡單的方式就是: 保留範例內容!從範例內容裡去試著了解自己可以怎麼依樣畫葫蘆。所以,還沒搞懂主題怎麼用之前,千萬不要豪邁的把範例刪光光… 最後,每個主題都會有自己的Documentation(使用說明書),比較進階的使用方式,等未來對WordPress比較熟悉時,再來慢慢研究就可以了。 喜歡 網站帶路姬 (Erin Lin) 的文章嗎? 歡迎追蹤 WordPress網站帶路姬 的粉絲團 歡迎從旁邊訂閱 帶路姬 的電子報,有新文章時會通知你喔。 歡迎加入我們的社團,一起參與討論與學習喔!WordPress不懂程式的新手與創業站長
-
WordPress 新手常問,內容要去哪裡寫?WordPress 預設有兩個地方讓你寫內容:「文章」與「頁面」。 什麼是「文章」? 在你的Demo範例網站裡,通常會有部落格(Blog),部落格裡,一篇篇像是依著發布時間順序而推疊的內容,這些是一篇篇的「文章」。 什麼是「頁面」? 在你的 Demo 範例網站裡,像是 About me(關於我)、Contact us(聯絡我們)、Home (首頁),這種不會依時間而堆疊的,不會有「關於我2」、「首頁2」,這種內容是歸類為「頁面」。 建議你先觀察一下範例網站裡的內容,哪一些被放在「文章」裡,哪一些被放在「頁面」裡,你可以直接去編輯範例裡的內容,或者開始試試看,增加新的文章與頁面。 – WordPress 網站帶路姬 「文章」與「頁面」的選項,都是從後台的左手邊的控制選單裡就可以找到了喔。