在我還是新手期間我真的很困惑，widget 小工具到底在做什麼？什麼情況下要使用它，前前後後我大概忘了三次才記起來他到底在幹嘛… 學會了之後發現，原來這麼好用呀！

我們在逛別人的部落格或網站的時候，應該或多或少都會看到這種兩欄式的設計方式，而比較小塊的區域我們叫它資訊欄 Sidebar（或者側邊欄）。

小工具呢～你可以把它想像成一個方塊包起來的一塊內容，並拿著這塊內容貼到你網站的側邊欄、頁尾裏面。

而放在小工具裡面的內容多半是連結到其他頁面、廣告圖片、訂閱電子報表格、追蹤社群等等… 比較多的內容都是功能取向的，可以為你的部落格或網站增加一些功能性！

學習小工具，大方向先記得：

小工具就是設定側邊資訊欄以及頁尾資訊的一塊內容！

*而在區塊化編輯之後，小工具現在可以貼到所有有支援區塊編輯的內容區域裏面。因此你可以設定小工具並貼到你的文章內文裡面！

小工具可以放在哪裡？數量限制？

小工具出現的位置取決於你所使用的佈景主題，不過大部分的佈景主題都有支援小工具的出現在資訊欄 Sidebar 以及頁尾 Footer！

而你可以製作小工具的數量也取決於佈景主題，因此選擇一個廣泛通用支援的佈景主題非常重要！大部分的佈景主題都可以製作 4~6 個小工具提供給使用者使用。

想了解廣泛通用性的佈景主題，可以到我的佈景主題推薦文章。

如何新增小工具

新增小工具的方式非常簡單，大部分小工具相關設定都在網站的 外觀>小工具 裡面。

如果你要新增小工具在側邊欄，記得把網站的側邊欄打開來！

上圖所使用的範例佈景主題為 Blocksy，不同主題有不同做法喔～不過大同小異拉！若有興趣可以去看看這個非常廣泛使用的超強免費主題！

打開小工具設定，就可以看到有非常多的區塊提供給你做選擇～而每個區塊名稱真的代表著他們會出現的位置！其中的 “主要資訊欄” 就是文章出現的側邊 Sidebar，剩下的都是出現在頁尾時才會使用到的。

如果你有用過 Gutenberg ，在使用小工具時絕對非常得心應手。WordPress 計畫未來要將整個網站可編輯的地方都 “區塊化”，因此你可以在任何一個地方塞下任何你熟悉的區塊！

小工具也不例外，你只需要選擇你想組裝的小工具區塊，就可以製作而成。

小工具也可以在佈景主題的設定當中操作設定，你可以在設定裡面新增或移除區塊，甚至是搬遷區塊。好處是，你可以看著你的網站即時編輯。

組合 Widget 小工具群組

“奇怪，其他人的小工具怎麼都一塊一塊的好像很有組織，但是我的怎麼看起來一長條流水帳？”

那是因為你沒有把他們組成群組拉！

這也是許多初學小工具的使用者覺得無法理解的地方，正是因為小工具整合區塊編輯之後，他們的擴展性大幅提升～如果沒有認真去瞭解真的會忽略掉要把他們組成群組就會變一國的。

透過設定小工具的樣式，組合成群組的效果會更加明顯！你可以客製化每一個區塊，使用起來跟傳統小工具沒有幾乎區別～而且可客製化度更高！

區塊小工具 vs 傳統小工具 Classic widget

在整合 Gutenberg 區塊編輯之前，傳統小工具能客製化的選項不多。也因著客製化選項不多，在使用操作上非常方便，你只需要將你需要的區塊拖曳到相對位置即可。

如果你還是習慣使用舊版的模式，或想試試看舊版的使用方式，可下載安裝 Classic Widget 外掛，你的小工具就會變成之前的模樣喔～

使用方式很簡單，將小工具拖曳到要顯示的位置即可！

要使用新版還是舊版呢？如果沒有特殊需求，當然是使用新版的呀！因為新版除了未來的更新支援以外，之後不論是新增功能，或者 Bug 修復，官方都會以新版的為主。

雖然傳統版本看起來編輯速度比較快，但少了組合性與擴展性，未來如果想要新增不同的排版，或者又不同的想法，可能就會受限！

Conclusion

WordPress 的小工具區域自從 2012 年之後就沒有再做更近一步的更新，然而在 WP 5.8 的版本更新後，納入了區塊編輯的概念，使小工具的延伸與應用更上一層樓。也讓習慣區塊編輯的使用者更好理解小工具區域的使用。

不過，你的網站到底要不要有資訊欄 Sidebar 呢？

這個問題真的見仁見智，過去在智慧型手機前的年代，大家瀏覽網頁的方式還是以電腦為主。而電腦的螢幕可以塞得下許多資訊，因此側邊資訊欄的設計讓讀者可以找到更多連結與資訊。

但現在有將近 50% 以上的使用者都是使用手機逛網站，你的資訊欄設計就塞不下去拉～ 因此常常有人會把資訊欄放到文章最底下，但是又有多少人有耐心滑到最下面呢？（看到這裡的你真的很有耐心呢～）也因著行動裝置介面優化的緣故，越來越多網站捨棄了側邊資訊欄的設計，而改用一欄簡約的設計風格。不過這樣要塞廣告進來，就可能要在文章的前後找空間塞了～