在WordPress開發中,縮略圖是提升網站視覺效果的重要元素。通過自定義短代碼,我們可以更靈活地調用和管理縮略圖。
首先,在主題的functions.php文件中添加以下代碼:
function thumbnail_shortcode($atts) { $atts = shortcode_atts(array( 'size' => 'thumbnail', 'class' => 'custom-thumbnail' ), $atts); if (has_post_thumbnail()) { return get_the_post_thumbnail(null, $atts【'size'】, array('class' => $atts【'class'】)); } return ''; } add_shortcode('thumbnail', 'thumbnail_shortcode');
在文章或頁面中直接使用短代碼:
【thumbnail size="medium" class="my-thumbnail"】
通過size參數可以指定縮略圖尺寸(thumbnail/medium/large/full),class參數可添加自定義CSS類。
你還可以擴展短代碼功能,比如添加懶加載支持:
function thumbnail_shortcode($atts) { $atts = shortcode_atts(array( 'size' => 'thumbnail', 'class' => 'custom-thumbnail', 'lazy' => false ), $atts); if (has_post_thumbnail()) { $attributes = array('class' => $atts【'class'】); if ($atts【'lazy'】) { $attributes【'loading'】 = 'lazy'; } return get_the_post_thumbnail(null, $atts【'size'】, $attributes); } return ''; }
使用懶加載版本:【thumbnail size="large" lazy="true"】