WordPress佈景主題 OceanWP 側欄sidebar免費外掛 設定教學

WordPress佈景主題 OceanWP 側欄sidebar免費外掛 設定教學

用Wordpress打造網站30幾個之後,發現好用的佈景主題確實能夠加快架站的速度,用OceanWP主題後,不需要懂HTML與CSS也能做出讓人喜歡的網站風格

有的網站會想要不同頁面有不同的側欄選單,像是論壇或是一些協會網站就很愛有兩側的側欄選單,或是有很多產品線,大分類下還有中分類小分類,若是把產品分類全部都放在上方選單,使用者會比較難找到自己想找的選項,這時候有側欄選單就會很方便~

但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,贊助我寫教學文章囉~

發佈留言