假如你的部落格有很多分類類別,但是你又不希望將每個分類都做一個頁面出來,這時透過簡單的”文章類別篩選器“,所有文章都可以出現在同一頁面中,並且可以直接透過類別去做文章類別篩選。
今天就來教大家如何使用 The Post Grid 這款外掛,讓你可以直接在同一個頁面中,透過點選類別就只會出現那一類別的文章。
上圖為 Kevin 利用 Post Grid 做出的文章篩選器截圖,顧名思義就是利用文章類別去做篩選。
在最上方,你可以看見許多不同分類(圖像設計、外掛推薦……),當我點選圖像設計,就只會出現圖像設計相關文章;同理,當我點選外掛推薦就只會出現外掛推薦相關文章。
使用The Post Grid做出文章類別篩選器
安裝外掛
首先到 WordPress 外掛,輸入 The Post Grid 外掛並安裝,完成後啟用,你會看見左側選單出現 The Post Grid。
點擊進去後,點選Add New Grid開始創建自己的文章類別篩選器。
The Post Grid 設定四大步驟
STEP 1:文章資源(Post Source)
在 Post Source 中你可以自己幫文章類別篩選器創一個標題,接著 Post Type 選擇 post。
接著往下看進階篩選( Advance filter options ),Category可以將你所有想放入篩選器類別大標題選入(這邊的類別必須自己到 文章>分類 創建)。
Relation 跟 Order Setting 就看你要怎麼呈現你的篩選器,我這裡是利用日期去做排序。
STEP 2:篩選器外觀設定(Layout Setting)
這裡請選擇 Isotope Layout;Show all text 打上”所有分類“;Column可以依照自己希望每一列有幾則貼文來設定,其他設定不用改。
STEP 3:希望出現什麼內容(Field Selection)
這邊就看你希望自己文章在篩選器中要出現什麼內容,Kevin 只簡單選擇標題和貼文時間,主要是不希望內容太凌亂。
STEP 4:風格(Style)
這裡依照自己喜歡的顏色去做設定就可以囉!按下右上角的發佈就完成囉!未來只要將每篇文章寫好分類,文章就會自動被丟到對應的分類中啦!
STEP 5:將文章類別篩選器放入頁面
來到你想要放置文章類別篩選器的頁面,使用 Elementor 編輯。
搜尋 The post Grid,並拉至想要放置的位置,Select post grid 可以選擇你剛剛做好的篩選器,如此一切就大功告成啦。
結論
透過 The post Grid,我們可以很方便的製作出文章篩選器,讓頁面變得更加美觀,而且讓人一目了然。
如果這篇文章有幫助到你,也歡迎你分享給更多人知道,或者你有什麼想法也都歡迎在底下留言以及按個讚作為鼓勵。
更多網路斜槓相關文章
電郵行銷工具教學
最適合新手:【如何使用 MailerLite 製作電子報】
部落客專用:【ConvertKit 自動化電子報教學】
網路行銷私藏工具
選擇好的網路行銷工具,能夠讓你事半功倍。這裡有 Kevin 私藏的網路行銷工具,想要學習網路行銷一定不能錯過。
更多網路行銷工具請看:Kevin 私藏網路行銷工具
歡迎按讚我的粉絲專頁,會有最新文章、Email 行銷知識、網路行銷工具優惠、網路學習資源的訊息。
如果我的文章對你有幫助,歡迎贊助我一杯咖啡!