首頁 教學Wordpress外掛 WordPress網站必備工具:WPBakery Page Builder 編輯器

WordPress網站必備工具:WPBakery Page Builder 編輯器

創作者 – 豬油先生
345 瀏覽

/// 最後更新時間 2021-05-10 ///

大家好,我是豬油先生!

今天來和大家分享一個Wordpress 大推外掛 《WPBakery Page Builder 編輯器》,有了這個外掛Wordpress後,網頁編輯工作將大大的簡單化,您不需要會任何的CSS或是程式語言,就可以輕鬆把網站調整成為專業等級的網頁,WPBakery Page Builder 編輯器支援了眾多的佈景主題,豬油今天會簡單的介紹一下,更多功能就留著讓大家自己去發掘~  目前這款外掛不是免費的,有興趣的朋友可以上網購買唷!但絕對值得啦!

外掛名稱:WPBakery Page Builder for WordPress

外掛購買網址:WPBakery Page Builder for WordPress  (ENVATO MARKET 購買)

安裝啟動完外掛後,前往編輯頁面,在上頭可看到藍色按鈕點,點擊藍色按鈕【Backend Editor

1.jpg


接著會開啟 WPBakery Page Builder 的編輯器,按下【新增內容】,開始新增相關元件。

2.jpg


預設已有多款元件可以直接使用,大家可以自行選擇喜歡的來測試看看。

3.jpg


簡單點幾下滑鼠,就可迅速將版面分割為不同的大小的區塊,完全不用寫任何的CSS就搞定啦!是不是超方便滴 ~ 

4.jpg

8.jpg


複製按鈕按一下將直接複製一份內容到原本內容的下方位置。

5.jpg


點擊 + 號按鈕,可另新增元件於此區塊中。

6.jpg


這裡使用【新增文字】元件來示範。

7.jpg


點擊鉛筆圖示,『一般設定』>【出現動畫】,可以使這欄位的內容有不同的動畫功能,例如:從右邊進入或是從下方進入…等等

9.jpg


風格設定】可以設定欄位的邊寬距離 (margin、border、padding),甚至是此區塊的背景顏色等。

10.jpg


Responsive Options】 可設定寬度的比例設定值,也可以設定此區塊在前台是否顯示,如只想在電腦裝置上顯示,行動裝置手機隱藏的話,只要在相對應的選項 Hide on device【打勾】即可,神奇吧!

11.jpg

心得

  1. 拖曳、新增、刪除等功能非常直覺簡單。
  2. 無須透過任何程式碼來控制
  3. Wordpress 多款佈景相容性極高

如果你喜歡我們的文章,歡迎追蹤及分享嚕!

豬油先生與拌飯小姐,我是豬油,我們下回見!‍🖐

相關文章

說點什麼