Wordpress教程：一鍵實現WP部落格靜態檔案CDN加速

佚名發表於2015-11-13

<a href=/office/word/ target=_blank class=infotextkey>word</a>press教程 Wordpress建站教程 CDN加速

七牛雲端儲存是由七牛提供的線上儲存服務，透過雲端介面向企業客戶提供網上無限儲存空間，和傳統的雲端儲存服務（如 Amazon S3）不同，七牛雲端儲存還增加了上傳下載傳輸加速以及富媒體雲端處理特性。

支援繫結域名（需要備案域名），全網 CDN 加速（多資料中心+多加速節點，上傳下載均加速）、持續線上，可以無限擴充套件、使用者只需按需付費，無硬體投資，並且還有免費套餐的，每個月 10G 流量，總空間 10GB。

七牛映象儲存 WordPress 外掛

除了雲端儲存以外，七牛還支援映象儲存，映象儲存是指你網站的資料在儲存在自己伺服器上的情況下，額外使用七牛雲端儲存作為映象伺服器，讓網站的使用者每次訪問的時候都從七牛雲端儲存上讀取。如果七牛雲端儲存上沒有使用者需要讀取的資料，則七牛的伺服器會從源站拉取資源，然後再返回給網站的使用者。

對於很多 WordPress 站點來說，有了這個功能，就無需將原來的圖片上傳到七牛的伺服器上，只需在 WordPress 站點做些簡單的修改，就可以使用七牛的 CDN 服務了，真正顯示一鍵實現 WordPress 部落格靜態檔案 CDN 加速。所以我基於七牛映象儲存這個特性製作了七牛映象儲存 WordPress 外掛。

Wordpress教程：一鍵實現WP部落格靜態檔案CDN加速

這個外掛主要包含以下功能：

  • 一鍵將 WordPress 的靜態資源映象到七牛
  • 支援將遠端圖片也儲存並映象到七牛
  • 使用七牛資料處理功能給圖片設定水印
  • 在 WordPress 後臺直接更新資料
  • 支援設定分類，標籤縮圖，日誌縮圖獲取更完善
  • 還提供一批帶縮圖的相關日誌，最新日誌，最熱日誌的日誌列表

外掛安裝簡單說分成兩個過程：

  1. 在七牛設定映象儲存
  2. 下載外掛在 WordPress 後臺設定

詳細安裝和使用請直接下載七牛映象儲存 WordPress 外掛使用指南這份PDF文件回家慢慢看，一定要看，不然你會設定錯誤的。

使用七牛縮圖功能

我們知道七牛有很強大的縮圖功能，我愛水煮魚首頁和分類頁的縮圖就是使用七牛的縮圖功能實現的。

雖然 WordPress 也有縮圖功能，但是相比之下，七牛強太多了，並且生成的縮圖都是尺寸適應的，並且都是在七牛雲端儲存上面。

日誌縮圖

所以我在七牛映象雲端儲存外掛中也新增了 wpjam_post_thumbnail 函式幫你透過使用七牛的縮圖 API 直接生成縮圖，下面是使用方法：

<?php  if(wpjam_has_post_thumbnail()){?><div class="entry-thumb">	<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">        <?php wpjam_post_thumbnail(array(150,150),$crop=1);?>        </a></div><?php } ?>

這個函式有兩個引數：

  • $size：設定縮圖的大小，它是一個陣列，比如上面例子中就是設定縮圖大小為：寬是 150px，高也是 150px。
  • $crop：設定是否裁剪縮圖，1為裁剪，如果為0，則只是按照最大邊進行縮放，不進行裁剪。

另外這個函式相比 WordPress 預設的 the_post_thumbnail 函式相比還有一個強大的地方是，如果沒有設定縮圖，它將自動獲取第一張圖片作為縮圖。

至於上面程式碼放到什麼地方，我只能說你主題原來the_post_thumbnail()函式是在放到哪裡，這個函式就放到哪裡。

日誌列表縮圖

相關日誌：

wpjam_related_posts($number=5, $args);

在需要顯示相關日誌的地方插入以上模板函式，其中：

  • $number：相關日誌顯示數量。
  • $arg：相關日誌顯示的引數。

$arg 引數預設為：

array('class'=>'', 					//外層ul的class。
'thumb' => true, 				//是否帶縮圖，預設帶
'size' => 'thumbnail',			//縮圖大小
'crop'=> true, 					//縮圖是否裁剪
'thumb_class'=>'wp-post-image',	//縮圖的class
'number_per_row'=>5				//如果設定為縮圖為橫排，每行個數);

最新日誌：

wpjam_new_posts($number=5, $post_type="post", $args= array());

  • $number：最新日誌顯示數量。
  • $post_type：最新日誌型別。
  • $arg：最新日誌顯示的引數，預設和相關日誌$arg引數一樣。

最熱日誌：

wpjam_top_viewd_posts($number=5, $days=0, $args= array());
  • $number：最熱日誌顯示數量。
  • $days：從最新多少天內獲取最熱日誌，預設0為所有。
  • $arg：最新日誌顯示的引數，預設和相關日誌$arg引數一樣。

相關文章