Wordpress教程:一鍵實(shí)現(xiàn)WP博客靜態(tài)文件CDN加速
除了云存儲(chǔ)以外,七牛還支持鏡像存儲(chǔ),鏡像存儲(chǔ)是指你網(wǎng)站的數(shù)據(jù)在存儲(chǔ)在自己服務(wù)器上的情況下,額外使用七牛云存儲(chǔ)作為鏡像服務(wù)器,讓網(wǎng)站的用戶每次訪問(wèn)的時(shí)候都從七牛云...
七牛云存儲(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ò)程:
- 在七牛設(shè)置鏡像存儲(chǔ)
- 下載插件在 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)信息