用Wordpress打造網站30幾個之後,發現好用的佈景主題確實能夠加快架站的速度,用OceanWP主題後,不需要懂HTML與CSS也能做出讓人喜歡的網站風格
哪一種網站適合使用Sidebar這樣的外掛呢?
1.產品項目很多的網站
當產品項目很多的時候,最好搭配側欄選單,還可分成大分類小分類,幫助第一次來到網站的使用者找到他想要找的產品。
2.網站頁面很多
像是論壇或是頁面很多的網站,若能夠設置側欄,不但能夠讓使用者更容易找到自己想要的資訊,也能在側欄增加一些廣告板位,社群媒體行銷資訊,幫助網站的行銷。
但WordPress預設的側欄sidebar通常只會有一組預設的側欄,就像大部分的Blog網站一樣,那若選用OceanWP主題的話可以找到一個附掛外掛來增加sidebar設定。
那接下來就進入正題~~~一步一步來吧~~~GOGO
Step1.安裝OceanWP佈景主題後請先安裝Ocean Extra

由上圖可以看到,安裝OceanWP佈景主題之後,在外觀的次選單可以看到”Install Plugins”,進入Install Plugins頁面後可以看到幾個搭配的外掛請你做安裝,除了Elementor是此外掛最該安裝的得力助手以外,記得要安裝 Ocean Extra 才能做一些其他設定。安裝完記得要啟用外掛喔~如下圖

Step2.安裝Ocean Custom Sidebar
安裝完Ocean Extra 之後可以看到左列選單增加了一個Theme Panel,此選項的次選單可以看到Add-ons的選項,進入後就可以看到OceanWP的各種外掛,因為網頁效能的關係,建議選擇自己需要的外掛安裝就好,經由此頁面我們就可以安裝Ocean Custom Sidebar的外掛,請安裝並啟用。

Step3.設定Sidebar外掛的方法
接著可以在左側 Theme Panel選單看到增加了Sidebars的選項

點擊後就可以看到Sidebars左側為新增Sidebar的表格,右側為全部Sidebar的列表,於表單填入想要新增Sidebar的名稱,點選下方Add New Sidebar按鈕,就可以看到右側列表出現我們新增的Sidebar
如果你點擊完沒有新增,可試試重新整理,WP有時候就會這樣怪怪的類格

Step4.到小工具設定Sidebar的內容
接著我們就可以到外觀>小工具去增加我們Sidebar的內容囉~
再小工具裡面可以看到WordPress網站的Sidebar側欄與Footer的內容都是在這邊設定,並且全網站共用
這個頁面左邊看到的是所有小工具可以使用的功能選單,用拖移的方式或是點擊就可以把功能增加到你想放的區塊了

Sidebar內容在區塊內都可設定或刪除

在這裡設定好你的Sidebar就可以到頁面去選擇設定好的Sidebar內容囉~~
Step5.去頁面設定自訂Sidebar
設定Sidebar有兩個方法,一個是我上一篇文章提到的頁面設定OceanWP Setting,另一個方式是用Elementor編輯器放到你想放的任何地方,不限於側欄
首先開啟你要放的頁面,並開啟Elementor編輯模式,在左側選項內找到一般區塊內的側欄,並且拖移進你想放的位置

接著選擇你想放置的側欄,用此方法其實也能增加選單或是任何模組化的內容

以上教學就到這邊~若有遇到其他問題歡迎留言與我討論~
此文章非贊助,純粹是出於愛用而撰寫之文章,若有其他的問題歡迎留言詢問,也希望您不吝嗇您的掌聲幫我點likecoin,贊助我寫教學文章囉~