Wordpress提升網(wǎng)站加載速度的方法
特色圖像并不是原始尺寸圖像來顯示封面圖片,而是會(huì)生成不同尺寸的略縮圖,如果你上傳的大尺寸圖片,特色圖像會(huì)將大尺寸圖片,會(huì)根據(jù)后臺(tái)縮略圖設(shè)置生成好幾個(gè)很小的圖片作為封面圖片。 如上傳了一張800*800的原圖,我們?cè)趥?cè)邊欄顯示小圖100*100 在列表頁顯示300*300的圖片 在底部顯示150*150的尺寸圖片,在文章中顯示原圖,那么使用特色圖片將會(huì)生成這些尺寸的圖片,而非直接使用原圖800*800的圖片。 也就是說原圖的158KB的大小,在側(cè)邊欄顯示3.9kb,在底部顯示4.2kb,在列表頁顯示22kb大小的圖片,網(wǎng)站的速度大大提升了! 特別是針對(duì)一些列表由圖片格式顯示的網(wǎng)站,速度將有質(zhì)的提升!
特色圖像除了速度提升, 還會(huì)自動(dòng)生成的圖片大小等比例縮放,上傳即可生成不同圖像,讓網(wǎng)站更加統(tǒng)一規(guī)劃,讓文章不容易出現(xiàn)圖片大小不一,混亂、錯(cuò)位的情況。
如何從后臺(tái)修改縮略圖尺寸
訪問 后臺(tái)>>設(shè)置>>媒體,縮略圖大小這一項(xiàng)就是特色圖像(Featured Image or Thumbnail)的尺寸,也就是the_post_thumbnail()不加參數(shù)時(shí)調(diào)用的圖片的尺寸。根據(jù)需要修改其參數(shù)即可。上傳圖片時(shí)WordPress會(huì)自定生成這個(gè)尺寸的圖片。
為文章添加特色圖片的三種方法
1. 上傳圖片時(shí)點(diǎn)擊“作為特色圖像”進(jìn)行設(shè)置,如下圖所示,點(diǎn)擊后顯示“完成”即表示設(shè)置成功。設(shè)置好的特色圖像會(huì)在右側(cè)欄目中顯示出來。
2. 點(diǎn)擊右側(cè)欄目中的特色圖像設(shè)置,如下圖所示,點(diǎn)擊“設(shè)置特色圖像”按鈕后彈出特色圖像設(shè)置界面 。
3. 如果你沒有用上述兩種方法設(shè)置,那么你也許希望從文章中已經(jīng)存在的圖片中選取一張作為特色圖像,WordPress考慮的很周到,你可以輕松選擇文中已有的圖像。
如何調(diào)用特色圖像
//在post模板中<?phpif ( has_post_thumbnail() ) { the_post_thumbnail(); // 無參數(shù),默認(rèn)調(diào)用Thumbnail}?><?php the_content(); ?> /*可以調(diào)用不同尺寸的圖片the_post_thumbnail();// 無參數(shù),默認(rèn)調(diào)用Thumbnailthe_post_thumbnail('thumbnail');// Thumbnail (默認(rèn)尺寸 150px x 150px max)the_post_thumbnail('medium');// Medium resolution (default 300px x 300px max)the_post_thumbnail('large');// Large resolution (default 640px x 640px max)the_post_thumbnail('full');// Full resolution (original size uploaded) the_post_thumbnail( array(100,100) );// Other resolutions*/以上就是Wordpress提升網(wǎng)站加載速度的方法的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)和解決疑問有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選