部落格設計超簡單!Elementor製作側邊欄小工具

190829 每日_工作區域 1

嗨~又到了每週的網站教學時間,你已經有了網站但想製作部落格嗎?或是你正考慮額外再花一筆部落格費用嗎?NONO~
如果你正在使用Wordpress平台的話,只要搭配Elementor就能輕鬆快速製作出部落格側邊欄囉!想知道如何製作嗎?快跟著光先生看下去吧!


無論原本就是部落格,還是想要在網站內新增加部落格,側邊欄可以讓訪客快速了解網站,也能更有效的分類網站內容,Wordpress雖然有許多側邊欄外掛可以使用,但外掛有可能東缺一點西缺一點,並不是完美的,而且也要和當前使用的主題不衝突才行,加上網站裝的外掛太多,管理起來也是個問題。

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

為什麼使用Elementor製作側邊欄呢?

  1. 視覺化編輯,可以很直覺的做出想要的架構
  2. 內建元素小工具豐富
  3. 不需再搭配其他外掛就能使用

看到這邊,想必知道Elementor除了設計一般頁面之外,製作部落格也是非常好用的哦!

如何使用Elementor製作側邊欄小工具呢?

1.首先,可以先新增文章或是頁面,並點選『使用Elementor編輯』

2.進到Elementor編輯頁後,點選右邊『+』 新建一個段,選擇和一般部落格很像的側邊欄,第一排最右邊的架構

3.選好結構後,可調整欄寬度讓它和理想的側邊欄差不多寬,就能先將想要放小工具拖拉進側邊欄的囉!這邊選擇的是媒體輪播小工具,將需要的小工具一一設定好

4.再次點『+』,再新建一個段,並選第一個架構,將剛剛設定好的媒體輪播小工具拖拉到新建的段

5.完成後滑鼠移至段,跑出藍色框框,在上方圖示處右鍵『儲存成版型』,任意命名即可

這樣,側邊欄小工具就做好了,接著要將剛剛做好的區塊移到小工具裡

Facebook

1.退回後台,找到左邊外觀>小工具,可以看到『Elementor版型庫』的小工具,點開倒三角形找到右邊資訊欄並點選新增小工具
可看到右方的右邊資訊欄欄位多了個『Elementor版型庫』,接著再選擇版型那點開選擇剛剛命名的版型,好了之後點完成!

2.回到前台查看,可以發現只要網站內有使用右邊側邊欄的頁面,都會多了媒體輪播小工具,如果要更換側邊欄顯示的項目順序,就回到上圖(找到右邊資訊欄)滑鼠按著方框上下移動即可改變順序!

以上就是側邊欄小工具的製作啦,不需另裝外掛就能在Elementor呈現部落格的樣子,也能自訂更多元的側邊欄內容,是不是超級方便的呢,學會了,部落格版型也能自己做,省下的錢就來犒賞自己吧!

介紹到這邊,相信大家對於Elementor又更加的瞭解了吧,你在找購物網站/部落格/電商/官網/一頁式網站嗎?還在煩惱怎麼下手嗎?不妨選擇我們吧!現在購買網站不僅有提供Elementor pro專業版還搭贈網站教學影片,如此好康優惠快來了解吧👉我要找網站

喜歡的話請幫我們到「光先生」粉絲團按讚分享,或訂閱我們的Youtube頻道哦!我們會推出更多的內容及影片的!

「以不一樣的思維進行廣告行銷,進而認同品牌價值」,
立志讓更多人知道原來廣告行銷也可以這麼好玩!!

每日學,文章推廣

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

發表留言