當(dāng)前位置 主頁 > 技術(shù)大全 >
在WordPress開發(fā)中,縮略圖是提升網(wǎng)站視覺效果的重要元素。通過自定義短代碼,我們可以更靈活地調(diào)用和管理縮略圖。
首先,在主題的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參數(shù)可以指定縮略圖尺寸(thumbnail/medium/large/full),class參數(shù)可添加自定義CSS類。
你還可以擴(kuò)展短代碼功能,比如添加懶加載支持:
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"】