Wordpress教程:一鍵實(shí)現(xiàn)WP博客靜態(tài)文件CDN加速

2015-11-13 09:54:00 來(lái)源:我愛(ài)水煮魚(yú) 作者:佚名 人氣: 次閱讀 216 條評(píng)論

除了云存儲(chǔ)以外,七牛還支持鏡像存儲(chǔ),鏡像存儲(chǔ)是指你網(wǎng)站的數(shù)據(jù)在存儲(chǔ)在自己服務(wù)器上的情況下,額外使用七牛云存儲(chǔ)作為鏡像服務(wù)器,讓網(wǎng)站的用戶每次訪問(wèn)的時(shí)候都從七牛云...

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

七牛云存儲(chǔ)是由七牛提供的在線存儲(chǔ)服務(wù),通過(guò)云端接口向企業(yè)客戶提供網(wǎng)上無(wú)限存儲(chǔ)空間,和傳統(tǒng)的云存儲(chǔ)服務(wù)(如 Amazon S3)不同,七牛云存儲(chǔ)還增加了上傳下載傳輸加速以及富媒體云端處理特性。

支持綁定域名(需要備案域名),全網(wǎng) CDN 加速(多數(shù)據(jù)中心+多加速節(jié)點(diǎn),上傳下載均加速)、持續(xù)在線,可以無(wú)限擴(kuò)展、用戶只需按需付費(fèi),無(wú)硬件投資,并且還有免費(fèi)套餐的,每個(gè)月 10G 流量,總空間 10GB。

七牛鏡像存儲(chǔ) WordPress 插件

除了云存儲(chǔ)以外,七牛還支持鏡像存儲(chǔ),鏡像存儲(chǔ)是指你網(wǎng)站的數(shù)據(jù)在存儲(chǔ)在自己服務(wù)器上的情況下,額外使用七牛云存儲(chǔ)作為鏡像服務(wù)器,讓網(wǎng)站的用戶每次訪問(wèn)的時(shí)候都從七牛云存儲(chǔ)上讀取。如果七牛云存儲(chǔ)上沒(méi)有用戶需要讀取的數(shù)據(jù),則七牛的服務(wù)器會(huì)從源站拉取資源,然后再返回給網(wǎng)站的用戶。

對(duì)于很多 WordPress 站點(diǎn)來(lái)說(shuō),有了這個(gè)功能,就無(wú)需將原來(lái)的圖片上傳到七牛的服務(wù)器上,只需在 WordPress 站點(diǎn)做些簡(jiǎn)單的修改,就可以使用七牛的 CDN 服務(wù)了,真正顯示一鍵實(shí)現(xiàn) WordPress 博客靜態(tài)文件 CDN 加速。所以我基于七牛鏡像存儲(chǔ)這個(gè)特性制作了七牛鏡像存儲(chǔ) WordPress 插件。

這個(gè)插件主要包含以下功能:

  • 一鍵將 WordPress 的靜態(tài)資源鏡像到七牛
  • 支持將遠(yuǎn)程圖片也保存并鏡像到七牛
  • 使用七牛數(shù)據(jù)處理功能給圖片設(shè)置水印
  • 在 WordPress 后臺(tái)直接更新數(shù)據(jù)
  • 支持設(shè)置分類(lèi),標(biāo)簽縮略圖,日志縮略圖獲取更完善
  • 還提供一批帶縮略圖的相關(guān)日志,最新日志,最熱日志的日志列表

插件安裝簡(jiǎn)單說(shuō)分成兩個(gè)過(guò)程:

  1. 在七牛設(shè)置鏡像存儲(chǔ)
  2. 下載插件在 WordPress 后臺(tái)設(shè)置

詳細(xì)安裝和使用請(qǐng)直接下載七牛鏡像存儲(chǔ) WordPress 插件使用指南這份PDF文檔回家慢慢看,一定要看,不然你會(huì)設(shè)置錯(cuò)誤的。

使用七??s略圖功能

我們知道七牛有很強(qiáng)大的縮略圖功能,我愛(ài)水煮魚(yú)首頁(yè)和分類(lèi)頁(yè)的縮略圖就是使用七牛的縮略圖功能實(shí)現(xiàn)的。

雖然 WordPress 也有縮略圖功能,但是相比之下,七牛強(qiáng)太多了,并且生成的縮略圖都是尺寸適應(yīng)的,并且都是在七牛云存儲(chǔ)上面。

日志縮略圖

所以我在七牛鏡像云存儲(chǔ)插件中也新增了 wpjam_post_thumbnail 函數(shù)幫你通過(guò)使用七牛的縮略圖 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 } ?>

這個(gè)函數(shù)有兩個(gè)參數(shù):

  • $size:設(shè)置縮略圖的大小,它是一個(gè)數(shù)組,比如上面例子中就是設(shè)置縮略圖大小為:寬是 150px,高也是 150px。
  • $crop:設(shè)置是否裁剪縮略圖,1為裁剪,如果為0,則只是按照最大邊進(jìn)行縮放,不進(jìn)行裁剪。

另外這個(gè)函數(shù)相比 WordPress 默認(rèn)的 the_post_thumbnail 函數(shù)相比還有一個(gè)強(qiáng)大的地方是,如果沒(méi)有設(shè)置縮略圖,它將自動(dòng)獲取第一張圖片作為縮略圖。

至于上面代碼放到什么地方,我只能說(shuō)你主題原來(lái)the_post_thumbnail()函數(shù)是在放到哪里,這個(gè)函數(shù)就放到哪里。

日志列表縮略圖

相關(guān)日志:

wpjam_related_posts($number=5, $args);

在需要顯示相關(guān)日志的地方插入以上模板函數(shù),其中:

  • $number:相關(guān)日志顯示數(shù)量。
  • $arg:相關(guān)日志顯示的參數(shù)。

$arg 參數(shù)默認(rèn)為:

array('class'=>'', 					//外層ul的class。
'thumb' => true, //是否帶縮略圖,默認(rèn)帶
'size' => 'thumbnail', //縮略圖大小
'crop'=> true, //縮略圖是否裁剪
'thumb_class'=>'wp-post-image', //縮略圖的class
'number_per_row'=>5 //如果設(shè)置為縮略圖為橫排,每行個(gè)數(shù));

最新日志:

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

  • $number:最新日志顯示數(shù)量。
  • $post_type:最新日志類(lèi)型。
  • $arg:最新日志顯示的參數(shù),默認(rèn)和相關(guān)日志$arg參數(shù)一樣。

最熱日志:

wpjam_top_viewd_posts($number=5, $days=0, $args= array());
  • $number:最熱日志顯示數(shù)量。
  • $days:從最新多少天內(nèi)獲取最熱日志,默認(rèn)0為所有。
  • $arg:最新日志顯示的參數(shù),默認(rèn)和相關(guān)日志$arg參數(shù)一樣。

您可能感興趣的文章

    無(wú)相關(guān)信息

相關(guān)文章