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