DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> Wordpress教程:一鍵實現WP博客靜態文件CDN加速
Wordpress教程:一鍵實現WP博客靜態文件CDN加速
編輯:SEO優化集錦     

 

Wordpress教程 Wordpress建站教程 CDN加速

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

支持綁定域名(需要備案域名),全網 CDN 加速(多數據中心+多加速節點,上傳下載均加速)、持續在線,可以無限擴展、用戶只需按需付費,無硬件投資,並且還有免費套餐的,每個月 10G 流量,總空間 10GB。

七牛鏡像存儲 WordPress 插件

除了雲存儲以外,七牛還支持鏡像存儲,鏡像存儲是指你網站的數據在存儲在自己服務器上的情況下,額外使用七牛雲存儲作為鏡像服務器,讓網站的用戶每次訪問的時候都從七牛雲存儲上讀取。如果七牛雲存儲上沒有用戶需要讀取的數據,則七牛的服務器會從源站拉取資源,然後再返回給網站的用戶。

對於很多 WordPress 站點來說,有了這個功能,就無需將原來的圖片上傳到七牛的服務器上,只需在 WordPress 站點做些簡單的修改,就可以使用七牛的 CDN 服務了,真正顯示一鍵實現 WordPress 博客靜態文件 CDN 加速。所以我基於七牛鏡像存儲這個特性制作了七牛鏡像存儲 WordPress 插件。

這個插件主要包含以下功能:

  • 一鍵將 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('clas

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved