在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"】