麥克斯與沃普雷司

WordPress Custom Category Page – 自訂漂亮的分類彙整頁面

WordPress Custom Category Page

自訂漂亮的分類彙整頁面

WordPress Custom Category Page

使用 WordPress 來架設網站,真的是一件快樂的事情。很多想像的功能幾乎都可以透過安裝外掛程式或是佈景主題來完成,對於沒有任何程式設計背景的朋友來說,這是跨入網站架設最輕鬆的方法之一了。接下來的文章內容,將透過實作,如何透過簡單的安裝外掛程式來協助,幫我們建置漂亮的分類彙整頁面,提供必要的資訊給訪客,進一步提升訪客對網頁的黏度。

自訂漂亮的分類彙整頁面

這次的實作是想要在旅遊網站的分類文章彙整頁面,顯示地區的天氣資訊,舉例來說文章的分類是以國家為分類的依據,像是台灣,日本,法國,英國,那麼我們希望在這些國家分類文章的彙整頁面上頭,顯示該國家地區的天氣資訊(如圖一,圖二,圖三,圖四所示)。
 

(圖一)台灣分類文章彙整頁面天氣資訊

 

(圖二)日本分類文章彙整頁面天氣資訊

 

(圖三)法國分類文章彙整頁面天氣資訊

 

(圖四)英國分類文章彙整頁面天氣資訊

 

安裝需要的外掛程式

要達到這個文章分類彙整頁面顯示天氣資訊,需要兩個外掛程式幫助,一個是天氣外掛程式(可以參閱 WordPress Weather Plugins – 如何顯示天氣資訊),另外一個是分類說明編輯外掛程式(可以參閱 WordPress Taxonomy Descriptions Plugins – 分類說明編輯外掛程式),天氣外掛程式我們採用 Awesome Weather Widget,分類說明編輯外掛程式採用 CategoryTinymce
 

Awesome Weather Widget

 

CategoryTinymce

 

 

openweathermap.org

 

Sing Up

 

API keys

 

  • CategoryTinymce 不需要什麼設定動作,只要安裝完成後啟用就可以開始使用了。
  •  

    開始編輯分類

  • 請到文章/分類/編輯分類,先將編輯模式切換到文字模式,然後填入天氣資訊的簡碼(shortcode)這裡以台灣來作為說明設定簡碼的內容。
  • 填寫完成後就可以看到如圖一/圖二/圖三/圖四所示的效果了。
  • location=”TW” 地點設定為台灣。
    units=”C” 溫度設定,這裡我們設定為攝氏 C。
    size=”tall” 天氣資訊的尺寸, wide (default) or tall 寬(預設)或是高。
    override_title=”台灣” 天氣資訊標題,這裡我們設定為台灣。
    hide_stats=”0″ 隱藏天氣資訊,這裡設定為0,我們想要顯示濕度等其他資訊。
    background=”” 想要自行設定背景圖片的話,可以在這裡設定圖片的位置,這裡我們採外掛程式預設圖片,所以沒填入資料。
    custom_bg_color=”#FF5722″ 自訂天氣資訊背景顏色。
    inline_style=”width: 100%; margin: 0px 0px 20px 0px; float: left;” 內嵌式樣,可以自行定義位置等等。
    background_by_weather=”1″ 採用天氣資訊預設底圖。如果想要自行更改內容底圖,可以參閱 https://halgatewood.com/awesome-weather-bgs 說明文件。
    text_color=”#FFFFFF” 天氣資訊文字顏色。
    locale=”zh_TW” 語系設定,目前僅部分資訊顯示中文。
     

    開始編輯分類

     

    結論

    在 WordPress 的官網上有非常多的資源可以來幫助網站管理者,輕輕鬆鬆的建置好各種功能的需求,每一位網站管理者或是想要架設網站的朋友,只需要花點心思,找到對的方式,通常都會有很滿意的結果出現。網站是旅遊類型的網站嗎?是不是很簡單就可以為您的旅遊網站增添不一樣的網頁內容呢?現在就開始著手試試吧。

    Exit mobile version