靖.技場

Jinn's Tech Blog


[WordPress] WP Product Review § 簡單美觀的商品評比、訪客評分外掛

Posted: 14 Dec 2014 05:00 AM PST

對於以資訊為主的網站來說,當試用一個3C產品或軟體,總覺得若能用一個簡單的表格或評分來針對各功能來評分,這樣可以很清楚的表達對於該產品的評價,這不僅僅適用於資訊類,像是美食或美妝產品也一樣,例如:愛評網就可以讓用戶來評分,而前陣子介紹過的「WP Review」就是一個可以容易讓WP站長加入產品評分功能的外掛,本文將再推薦另一個具有相似功能的外掛「WP Product Review」,它一樣擁有自訂評分的項目,亦可開放給訪客投票,並納入整體的評分結果,但比較偏向商品的評分,二者各有優缺點,文末有會簡單的差異說明。

網址:WP Product Review PluginLIVE DEMO

【外掛安裝】

請於WordPress後台的「安裝外掛」功能中,搜尋關鍵字「WP Product Review」就可以找到該外掛了,如下圖所示

安裝過後,在左邊的選單中會出現「Product Review」的設定選項

【設定教學】

剛開始建議先了解它的設定,本文會挑一些重點設定來說明

General settings

在一般設定中,撇除專業版的功能不談,有幾個蠻重要的選項需要注意

  1. Position of the review box:指定評分結果的出現位置,可以指定在文章前面、文章後面或者手動指定出現位置,關於手動部分,文末處會有進一步的說明
  2. Show review comment:是否啟用訪客評分功能,若有啟用,那麼訪客也可以針對你所列出的評分選項來進行評比
  3. Visitor Review Influence:這和上一點的訪客評分有關,主要是說要不要讓訪客的評分影響作者的評分分數,我們只要往下拉就可以看到影響的百分比
  4. Content width:設定整體的Widget寬度,如果你要設定的話請不要設太小,不然整體的寬會被壓縮,導致不美觀,沒有特別需求的話建議留空白即可

Rating colors

評分的顏色設定,你可以根據評分的結果做不同顏色的呈現,例如:幾分介於幾分間要用什麼顏色。基本上我覺得原本的配色其實就不錯看了,但若你要搭配自己的網站主題顏色,那麼可以稍作調整

Typography

主要是變更文字以及文字顏色,尤其是文字變更的部分很重要,所以在此之前你要搞懂二個單字:「Pros」與「Cons」,這二個單字是源自於拉丁用語,簡單的說Pros和Cons就是分別代表正、反二方的意見,贊成或反對,用在評論的角度上,我們可以想像成是優點與缺點

  1. Font color:這很直覺,設定一般文字的顏色
  2. ‘Pros’ text color:設定Pros(優點)的文字顏色
  3. ‘Cons’ text color: 設定Cons(缺點)的文字顏色
  4.  Pros text:修改「Pros」文字,這是建議要修改的,因為非英文系的國家的訪客可能會看不懂Pros,所以建議可以改成「優點」這個詞彙,可能會比較好理解
  5. Cons text:同上,修改「Cons」文字,建議可以改成「缺點」或者「待改進」等詞彙,訪客會比較容易了解
  6. Review box border:評論框的顏色,也就是Widget外圍的邊框顏色
  7. Review box border width:評論框的邊框寬度

Buy button

如果你在評論的對象是一件商品,你可以會附上購買的連結,這個「Buy button」就是讓我們設定購買連結的按鈕屬性,例如文字、顏色等,其中「Show button icon」一項是指是否要在按鈕中出現購物中的圖示。註:其實你也可把這個按鈕當成連結按鈕,例如連結到官方網站之類的。

下圖可以說明Buy button會在哪邊出現 (當然,只要文章不設定,就不會出現該按鈕)

使用教學

上面介紹完設定的部分後,再來就是要了解該如何使用這個評分功能了:當我們在寫文章的時候,編輯器下方會出現如下圖的畫面,我已經在圖中註明了各大項的功能說明,應該很容易了解,基本上就是填入評分項目、優缺點之類的,如果不想出現「購買按鈕」的話,那麼有關於「Affiliate」的設定部分留空白就行了

當設定完後,前台文章所看到的樣子就如下圖所示

訪客評分

回過頭來看看訪客評分的功能,如果你在設定中有啟用訪客評分的功能,那麼在文章留言處就會出現你所定義的評分項目,另外再提醒一次,如果有啟用「Visitor Review Influence」 的功能,那麼訪客的評分會納入總分的計算中喔

評分Widget出現的位置

在說明設定的部分時,有提到評分Widget出現的位置有文章前、文章後以及手動指定出現的位置,前二者沒有什麼大問題,但當你的設定切換成「Manually」手動模式時,專業版用戶可以使用shortcode,免費版的用戶則需要自行在文章中加入以下的程式碼來呈現評分結果:其中「postid」請改成你文章的id數字

<?php echo cwppos_show_review('postid'); ?>

不過經過我測試後無法正常運作,參考了這篇討論串,改成以下的語法測試,仍然無法正常出現Widget

<?php echo cwppos_show_review($post_id); ?>

如果有經驗的人歡迎留言告之出了什麼問題

與WP Review比較

最後來談談WP Product Review與之前介紹過的WP Review的幾點異點:整體看起來WP Product Review就如名稱所代表的意義,比較偏向某個產品的評分,因為它還可以上傳商品照片,更內建了優、缺點的項目列舉,而且也可以把訪客的評分納入總分的權重計算,相較之下,WP Review就比較偏向試用文或測試文的評分,例如試用過某個商品或軟體後,可以用文字來直接說明感想並加以評比,另外,WP Review還有個優點就是它有內建通用的評分項目,WP Product Review則無這項功能,而評比樣式則由WP Review勝出,如果要在WP Product Review中有不同的評分樣式,那麼要升級到專業版才行,因此,基本上二款外掛的屬性有些許的不同,但我覺得都蠻好上手的,可惜WP Product Review的自由指定位置功能我沒測出來,希望未來的版本能改善。

您可能也喜歡:

[WordPress] WP Review 實用的文章評分外掛,支援編輯(Editor)與讀者評分

[WordPress] 如何讓文字模組Text Widget執行PHP程式,免外掛插件

[新手教學] 如何安裝WordPress Plugins (或稱外掛/插件)

[WordPress必裝外掛] Google XML Sitemaps 自動提交網站地圖至Google、Bing的網站管理員工具

[WordPress] Theme Test Drive § 即時修改、預覽新佈景主題,不影響訪客閱讀文章
无觅
You are subscribed to email updates from 靖.技場
To stop receiving these emails, you may unsubscribe now.
Email delivery powered by Google
Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States
文章標籤
全站熱搜
創作者介紹
創作者 aniki 的頭像
aniki

2013棒球資訊站

aniki 發表在 痞客邦 留言(0) 人氣(0)