首頁 新手必讀基礎 WordPress的小工具 是什麼? 出現在哪?樣式怎麼改?

WordPress的小工具 是什麼? 出現在哪?樣式怎麼改?

一次搞懂 WordPress的小工具 (Widgets)

發佈日期: 上次更新: 1 留言 7,712 瀏覽

觀念篇

你有沒有過一種購物經驗,走進一家大賣場,你一邊在專心的買東西,一邊好像若有似無的聽到廣播說 「@#$^%&^!%%@%#^&&!…….」假如你正在專心買東西,大概也不太會注意到廣播內容,直到你兒子問你廣播在講什麼呀?你才仔細一聽,原來廣播在說:「父親節限時特賣,領帶只要 100 元…」之類的…

WordPress小工具的角色,就我來看,有點像這個「若有似無的廣播」,他好像很不重要的存在著,可是如果一旦被發現,他又可以發揮很大的效用。

實務上

在WordPress網站中,小工具通常最出現在兩種位置:

  1. 部落格的文章旁邊的側邊欄裡面 (Sidebar)
  2. 頁尾,網站最下面的資訊區塊 (Footer)

常見的WordPress的小工具有哪些呢?

  • 搜尋框
  • 最新文章
  • 熱門文章
  • 文章分類
  • 行事曆
  • 社群連結
  • 廣告
  • 網站簡介
  • 聯絡方式
  • 等等…

WordPress的小工具從哪裡設定?

WordPress 5.7.2 以前:

  1. 外觀 > 小工具
  2. 左手邊的小工具中,點選你想使用的。
  3. 從展開的位置選單中,選擇你想加到的位置。
  4. 再從右手邊,找到你剛剛增加的小工具,設定它的細節。

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的小工具有基本的認識了,下次帶路姬再來分享有哪些必裝的小工具呢?如果還有問題的話,歡迎來社團發問

留言給帶路姬吧!

1 留言

WordPress教學: 不懂程式的人看這裡,第一個WordPress網站的重要觀念與流程 2018-07-28 - 2:07 上午

[…] 側邊欄和網站最下面的資訊怎麼改?(必讀) […]

回答
★ 完全免費的影音+圖文教學+ ★

帶路姬陪你用五天的下班時間
做好第一個 WordPress 網站

想完整的學好基礎嗎?快來看看吧!😊
close-link

2021 網站帶路姬
有獎徵站!

只有這次!跟著免費的教學做網站&全民投票都有獎!
70,000 元大獎等你拿!
了解詳情
2021/11/1 ~ 2021/12/29
close-link
2021 帶路姬有獎徵站!七萬等你拿!