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

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

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

發佈日期: 上次更新: 1 留言 9.7K 次瀏覽

觀念篇

你有沒有過一種購物經驗,走進一家大賣場,你一邊在專心的買東西,一邊好像若有似無的聽到廣播說 「@#$^%&^!%%@%#^&&!…….」假如你正在專心買東西,大概也不太會注意到廣播內容,直到你兒子問你廣播在講什麼呀?你才仔細一聽,原來廣播在說:「父親節限時特賣,領帶只要 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的小工具有基本的認識了,下次帶路姬再來分享有哪些必裝的小工具呢?如果還有問題的話,歡迎來社團發問

留言給帶路姬吧!

訂閱電子報 (週四寄)
帶路姬的文章重質不重量,所以請訂閱我的電子報,以確保會收到更多優質教學好文喔!
聯盟分潤聲明

此站內容為Erin的真實架站經驗分享,部分推薦的商品有參加 聯盟計畫,您若點選文中的連結而購買商品,Erin可以從中獲取一點分潤。不過Erin 100%保證,只誠懇推薦自己親身試用過的好東西。(什麼是聯盟計畫?)

支持帶路姬

假如你很喜歡帶路姬的文章,希望鼓勵帶路姬繼續寫作,幫助WordPress新手,與推廣WordPress,不如贊助一下帶路姬吧!

追蹤帶路姬
帶路姬人氣

網站成立:2018/05/01
總瀏覽量:2,614,479(2024/2/2)
總訪客量:626,454 (2024/2/2)

© WordPress 網站帶路姬 2018~2024 版權所有 |  本站使用 Soledad主題 + Elementor Pro 編輯器   | 推薦使用 Cloudways主機

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

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

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