[WordPress 教學] 如何製作自我介紹的欄位?不用會程式碼也可以自己做出喜歡的側邊欄小工具!

看了很多人在討論側邊欄的小工具要如何製作~

想要自己做一個美美的小工具，但又不會寫程式碼

這邊教大家使用一招，使用內建的區塊編輯器就可以製作一個屬於自己的小工具

建立一個範本

這邊我使用的是“新增區塊版面配置”
(如果你的網站沒有這個工具，也可以使用新增文章，只有阿腸網頁設計維護的，後臺才看的到這個選單，其他家的應該是沒有辦法快速找到這個工具啦XD)

接著這邊可以建立成範本或是重複區塊，這裡可以自己取個名字

建立小工具的內容

這邊我選擇使用多重欄位，並且選擇 33:66的欄位 (不要問我剩下的1跑去哪裡了XD)

接著在欄位左邊插入一張圖片，右邊插入一些文字

這邊就隨意設定一些想要呈現的內容

最後這邊可以設定在行動裝置是否要堆疊，如果再行動裝置上一樣想保持左右排版

記得將開關關閉

複製程式碼

製作好自己的區塊後，從右上角的點點裡，找一個叫做 “程式碼編輯器“

點擊後就可以看到程式碼

接著將程式碼全選(ctrl + A ) 、複製(ctrl + C )

插入小工具

接著到網站後台的 外觀 > 小工具

找到一個叫做 “區塊” 的工具，並拖曳至 Sidebar

並且將剛剛複製的程式碼貼上

最後按下Save儲存

完成囉!

就可以在前台看見剛剛製作好的區塊