当前位置 主页 > 技术大全 >

    WordPress缩略图短代码
    WordPress缩略图短代码

    栏目:技术大全 时间:2025-08-26 05:42

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

1分钟搞定MySQL部署!Docker最强实操指南,含所有常用命令和配置
忘记MySQL密码怎么办?别慌!用这一招跳过验证,轻松重置管理员权限
MySQL自增主键用完怎么办?从原理到实战,全面破解开发中的高频难题
MySQL权限混乱?这几个命令让你彻底理清用户清单与权限归属
你的数据库安全吗?读懂MySQL这几种日志,关键时刻能「救你一命」
MySQL性能上不去?八成是这里没配好!手把手教你搞定my.cnf核心配置
修改MySQL字段长度别乱来!这3个核心要点和1个致命陷阱,新手必看
MySQL单表卡爆怎么办?从策略到实战,一文掌握「分表」救命技巧
你的MySQL数据库为什么总是又慢又卡?掌握这五大优化法则,查询速度快十倍!(上篇)
你的MySQL数据库为什么总是又慢又卡?掌握这五大优化法则,查询速度快十倍!(下篇)