2015年11月1日 星期日

WP-PageNavi - 自製化的分頁外掛

WP-PageNavi 是一個自訂分頁的外掛,有些時候,佈景主題有時候在瀏覽分類文章時,下方分頁有些只有「上一篇文章」、「下一篇文章」或者是用數字表示,但很多時候,都是使用英文來做字樣顯示,此時要轉成中文語系就會有困難,必須要去編輯器修改程式碼,才能得到管理者要的結果。

WP-PageNavi 可以讓你迅速調整分頁的樣式,只要在佈景編輯器設定好一次,接下來只要在 WP-PageNavi 設定頁面調整就好,相當的方便

外掛資訊

作者:Lester 'GaMerZ' Chan
網址:https://wordpress.org/plugins/wp-pagenavi/
版本:2.88

外掛使用教學

設置分頁

官網上有說: 『
在 「Twentyten」 佈景主題編輯器中,會看到以下程式碼:
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
以及
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
將它取代成以下程式碼:
<?php wp_pagenavi(); ?>
如果在頁面看到以下程式碼:
<?php wp_link_pages( ... ); ?>
將它取代成以下程式碼:
<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>


大部份這一些程式碼會在「page.php」、「single.php」或「loop.php」中,針對上述說的做法去取代。

設定

至「設定」下找尋「WP-PageNavi」外掛,點擊進入
可調整參數如下圖
各位可以試著調整一下參數,顯示的分頁樣式會如下圖

2015年10月17日 星期六

Vertical marquee plugin -輕鬆且快速設置的跑馬燈外掛

Vertical marquee plugin 是一個跑馬燈的外掛,管理者可以設置跑馬燈的內容以及過期時間與設定連結,並且可將跑馬燈歸類,讓管理者在設定跑馬燈時可以指定某一個分類做顯示,這功能是為了可以在網站上多處地方顯示不同資料,非常好用。

另外,它可以先設計不同的跑馬燈樣式,以及設定它的速度 ( 移動量、移動延遲 )、由上往下或由下往上的移動方式。

設定完成之後,就可以使用分類與樣式做多樣性的組合,來設置你的跑馬燈囉!

外掛資訊

作者:Gopi Ramasamy
網址:https://wordpress.org/plugins/vertical-marquee-plugin/
版本:5.7

外掛使用教學

至管理頁左側找尋「設定」,內有「Vertical marquee plugin」點擊後進入
進入後顯示跑馬燈內容列表,下方有三個按鈕「Add New」、「Setting Management」、「Help」。
  1. Add New:跑馬燈內容設定。
  2. Setting Management:跑馬燈樣式設定。
  3. Help:外掛頁面。

跑馬燈內容設定

到了跑馬燈內容設定頁面,可以設定每一則跑馬燈的內容、連結、群組、過期日期。

跑馬燈樣式設定

樣式設定頁面預設有三種樣式可以讓管理員設定,設定跑馬燈的「移動量」、「移動延遲」、「移動方向」、「CSS 樣式」。
放置跑馬燈的方式有三:

使用短碼 ( shortcode )

可以在編輯文章或頁面內加上以下短碼:
[vertical-marguee setting="1" group="group1"]
註:setting 為樣式編號,group 為群組名稱。

使用 PHP 程式碼

可以在檔案內加上 PHP 程式碼:
<?php vmarquee( $setting="1", $group="widget" ); ?>
註:setting 為樣式編號,group 為群組名稱。

小工具 ( widget )

設定方式與「跑馬燈內容設定」和「跑馬燈樣式設定」一樣,在此不贅述。
最後執行結果如下圖:

2015年10月16日 星期五

WP-PostRatings - 文章評分外掛,幫你的文章打分數!

WP-PostRatings 是一款文章評分的外掛,它讓網站管理者與使用者的互動不只侷限於留言,而是多一個方式讓網友能夠簡單且快速地反應他對該篇文章內容的喜好程度。因為大部份的網友都是懶惰的,所以使用 WP-PostRatings 一鍵評分,可以提高網友對於文章喜好程度的評價。

有時候在搜尋網頁結果的時候,Google ( 谷歌 ) 回傳的搜尋結果有時候會多帶一些資訊,例如:部落格的結果會有作者的 Google+、產品的結果會有評價或星等以及價格...等等,如同下圖結果所示
Google 稱之為「結構化格式」 ( Structured Data ),是指將網站的內容做標記,讓搜尋引擎可以很容易的識別該篇文章是什麼類型的內容。Schema.org 提供了幾個範例資料,包括了人員、產品、商家、評論、食譜和活動,也讓搜尋者能更了解搜尋結果是什麼樣的網頁。

Structured Data Testing Tool 是線上測試「結構化格式」的工具,它可以協助網站管理者找到「結構化格式」的範例,可以參考裡面的格式,甚至,加到你的網站程式碼內,如下圖:
可以使用網址或者是貼上 HTML 原始碼:
其中有「複合式摘要」,裡面有「商品」的選項,這就與 WP-PostRatings 外掛所要產生的格式有關係了,它會自動建立這種格式,讓搜尋引擎能辨識這是一個「商品」的格式,這與我們文章評價的需求相同,有多少人評論、評等,直接顯示在,所以接下來就來看一下怎麼使用 WP-PostRatings。

外掛資訊

作者:Lester 'GaMerZ' Chan
網址:https://wordpress.org/plugins/wp-postratings/
版本:1.82

外掛使用教學

設定評分功能顯示位置

首先,需要使用主題編輯器,加入評分功能要顯示的位置,這範例是要加在文章標題之下,管理頁面左側目錄「外觀」>「主題編輯器」內 ( 此處舉佈景主題「Max Magazine」為例 ),如下圖點選
目的要在文章範本下加入以下程式碼:
<?php if(function_exists('the_ratings')) { the_ratings(); } ?>

再次聲明,每一個佈景主題的文章範本檔案位置可能都不一樣,此範例是以佈景主題「Max Magazine」為例,如下圖:
  1. 選擇目前網站的佈景主題名稱,按下選取。
  2. 右側選擇文章範本位置,通常是 single.php。
  3. 將上述程式碼加入適當的位置。
  4. 按下「更新檔案」
此時文章畫面就可以看到評分功能,如下圖:
評分後的畫面如下圖:

外掛選單

管理頁面左側選單尋找「WP-PostRatings」,底下有三個選項:「Manage Ratings」( 管理評分 )、「Ratings Options」( 評分設定 )、「Ratings Templates」( 評分樣板 )。

管理評分 ( Manage Ratings )

Post Ratings Log
該區域可以針對「文章 ID」、「會員」、「評等等級」條件查詢網友或會員評分過的紀錄 ( Log ),並且可以依照「評等 ID」、「會員姓名」、「評等等級」、「文章 ID」、「文章標題」、「日期」、「IP」、「Host」做升冪或降冪排序。
Post Ratings Logs Stats
該區域可以看到總評分次數、評分加總與平均值。
Delete Post Ratings Data/Logs
該區域可以「刪除評分資料」、「刪除評分紀錄」,兩者差別在於,「刪除評分記錄」只會刪除後台的紀錄 ( Log ),並不會刪除前台所顯示的;而「刪除評分資料」則會將前台所顯示的資料刪除,而不會刪除後台紀錄;再或者,可以兩個都刪。

刪除評分紀錄或資料是用文章 ID ( Post ID ) 做依據,如果要刪掉數個文章就用逗點分隔,若要全部刪掉,就打上「all」。

評分設定 ( Ratings Options )

Ratings Settings
如下圖所示,「Ratings Image」可以選擇評分功能在前台顯示的樣式,「Max Ratings」可以設定評分的最大值,「Enable Google Rich Snippets」同前面所提到的複合式摘要,是否要調整成 Google 提供的格式,讓搜尋引擎辨識。
Individual Rating Text/Value
如需要依照當地語言做設定顯示評等文字,亦可設定選擇該評等之後,對於累加的數值有不同的設定。

Ratings AJAX Style
「Show Loading Image With Text」顯示載入圖片
「Show Fading In And Fading Out Of Ratings」顯示淡出與淡入

Allow To Rate
「Who Is Allowed To Rate?」允許評論,選項有三:只允許訪客、只允許會員、允許訪客與會員

Logging Method
「Ratings Logging Method」紀錄模式。

評分樣板 ( Ratings Templates )

該功能就是評分範本,在此就不多說明,請網友可以去嘗試設計或調整看看,基本上就是預設不動。

小工具

WP-PostRatings 安裝後,會多出一個小工具,可以依照需要來放置到頁面配置上。
Title:標題
Statistics Type:統計類型,預設是最高評等
Include Ratings From:包含的評等來源,有文章、頁面、媒體以及所有。
No. Of Records To Show:設定依照「統計類型」排名數量
Minimum Votes:最少投票數
Maximum Post Title Length (Characters):文章最大長度
Category IDs:篩選分類 ID,以逗點分隔
Time Range:時間區間。

設置完成,到前台就會看到如下圖畫面:

2015年10月11日 星期日

WP Clean Up - 資料庫清理外掛,一鍵瘦身!

WP Clean Up 是一個資料庫清理優化外掛,讓管理者不需要到資料庫下語法來刪除資料庫的垃圾資料,並且還會擔心會不會刪到重要資料,透過 WP Clean Up 可以一鍵就可快速且安全地刪除資料庫的垃圾資料,達到優化資料庫的作用,不影響現有資料,有效減少資料庫空間以提高效能。

Wordpress 在長時間的資料累積下,會產生許多不必要的資料,例如:文章修訂版本、草稿、垃圾評論...等,不僅增加空間,也減低效能。

外掛資訊

作者:BoLiQuan
網址:https://wordpress.org/plugins/wp-clean-up/
版本:1.2.3

外掛使用教學

至「設定」下找尋「WP Clean Up」外掛,點擊進入
設定頁面內可以依照情況讓管理者選擇資料清除的設定。

依類型清理優化

如下圖所示,依照情況有 10 種類型讓管理者做一鍵刪除之行為,基本上,就是直接按下「Delete All」。
  • Revision:清除文章版本之資料。
  • Draft:清除草稿文章之資料。
  • Auto Draft:清除自動儲存草稿文章之資料。
  • Moderated Comments:清除待審評論之資料。
  • Spam Comments:清除垃圾評論之資料。
  • Trash Comments:清除留在垃圾桶評論之資料。
  • Orphan Postmeta:清除文章刪除後所保留在 wp_postmeta 資料表中的資料。
  • Orphan Commentmeta:清除留言刪除後所保留在 wp_commentmeta 資料表中的資料。
  • Orphan Relationships:清除文章、留言後所保留在 wp_term_relationships 資料表中的資料。
  • Dashboard Transient Feed:清除控制台訂閱快取資料 ( 保存在 wp_options 資料表 )。

依類資料表清理優化

如下圖所示,是依照網站本身或者是外掛所產生的垃圾資料 ( 列表上會列出資料表的大小,並不是要清的資料大小 ) 通常也是直接按下「Optimize」。

2015年10月10日 星期六

BJ Lazy Load - 延遲加載,為網站節省流量並且加速

BJ Lazy Load 是一個延遲加載的外掛,會讓網站內的圖片或 ifream 做延遲加載,在使用者滾動到圖片或 ifream 時才會載入。對於圖片較多的網站,使用 BJ Lazy Load,能夠有效提升網站速度。

當使用者在瀏覽網頁時,不是一次看到網站的全部,只有在瀏覽器所顯示的部分是載入的,其他不顯示的部分是不會載入。對於手機瀏覽器來說,不顯示的部分就更多了。

不顯示就不載入的做法,是減少瀏覽器的負擔,當使用者在瀏覽過程中瀏覽到該圖片或 ifream,才適當地載入。BJ Lazy Load 只需要啟用就可以減少圖片載入,當然有許多種方式可以減少,例如:壓縮圖片,但延遲載入是很常見的一種方式,不僅加快網頁出現速度,同時減少流量,達到效能優化的結果。

外掛資訊

作者:Bjørn Johansen
網址:https://wordpress.org/plugins/bj-lazy-load/
版本:1.0.6

外掛使用教學

設定

至「設定」下找尋「BJ Lazy Load」外掛,點擊進入
如下圖所示,設定頁面內可以依照情況讓管理者選擇延遲載入的設定。
基本上,保持預設即可,下面還是針對設定做說明:
  • Apply to content:在內容內啟用。
  • Apply to text widgets:在文字小工具內啟用。
  • Apply to post thumbnails:在文章縮圖內啟用。
  • Apply to gravatars:在大頭貼 ( gravatars ) 內啟用。
  • Lazy load images:啟用圖片延遲載入
  • Lazy load iframes:啟用內置框架 ( iframe ) 延遲載入。
  • Placeholder Image URL:圖片或內置框架未載入前顯示的圖片網址。
  • Skip images with classes:設置 class 以取消延遲載入。例如:no-lazy, lazy-ignore。
  • Threshold:當距離元素多少像素 ( pixels ) 時需要載入元素。

個別設定

BJ Lazy Load 啟用後,對於文章與頁面可以個別設定是否取消延遲載入,如以下圖片:
如果真的有必要針對個別頁面做設定,請把該選項打勾。

2015年10月8日 星期四

Disable Comments - 停用留言功能

Disable Comments 外掛可讓管理者停用 Wordpress 上任何地方或者各文章類型的留言功能 ( 文章類型包含:文章、頁面、媒體 ),但無法針對單一篇文章、頁面或媒體做個別設定,甚至可以永久停用留言,但做永久關閉留言之前要注意,此動作會改變資料庫設定,一旦設定就算刪除外掛也無法重新啟用留言功能。

外掛資訊

作者:Samir Shah
網址:https://wordpress.org/plugins/disable-comments/
版本:1.3.2
GitHub:https://github.com/solarissmoke/disable-comments

外掛使用教學

設定

至「已安裝外掛」目錄下找尋「Disable Comments」外掛,點擊「設定」。
如下圖所示,設定頁面內可以依照情況讓管理者選擇留言停用的設定。
  • 全部:在 Wordpress 停用任何地方留言功能
  • 在某些文章類型:停用文章、頁面或是媒體的留言功能,無法針對個別文章設定停用。
  • 使用永久模式:永久停用留言功能,即便停用外掛。如果只是想暫時停用外掛,請不要勾選此選項。
設定完成後,就可以到前台去觀察,會發現留言功能被停用了。