您当前的位置： 首页 > 慢生活 > 程序人生 网站首页程序人生

4-43. 开启特色图像功能

发布时间：2023-03-23 21:40:52编辑：雪饮阅读（）

在我们的主题中如果要开启特色图像功能，一般的需要在functions.php中挂钩于after_setup_theme并执行add_theme_support方法(传入参数'post-thumbnails')。

那么此时可以在后台发布文章的地方看见特色图像功能。



那么特殊图像是有不同尺寸的，除了原图你比如有缩略图大小、中等大小、大尺寸。这些尺寸可以自己配置



并且各自图的尺寸有对应的代号（参数名）

缩略图大小thumbnail、中等大小medium、大尺寸large、原图full

那么就以singular.php实现的文章详情页为例（主要是the_post_thumbnail调用特色图像），如：

<?php if(have_posts()):?>

 

<?php while(have_posts()):the_post();?>

 

<div style="border:1px solid pink;">

    <h1>文章特色图像（默认（一般的是原图））</h1>

    <div>

        <?php the_post_thumbnail();?>

    </div>

</div>

 

<div style="border:1px solid pink;">

    <h1>文章特色图像（缩略大小）</h1>

    <div>

        <?php the_post_thumbnail('thumbnail');?>

    </div>

</div>

 

<div style="border:1px solid pink;">

    <h1>文章特色图像（原图）</h1>

    <div>

        <?php the_post_thumbnail('full');?>

    </div>

</div>

 

<div style="border:1px solid pink;">

    <h1>文章特色图像（大尺寸）</h1>

    <div>

        <?php the_post_thumbnail('large');?>

    </div>

</div>

 

<div style="border:1px solid pink;">

    <h1>文章特色图像（中等大小）</h1>

    <div>

        <?php the_post_thumbnail('medium');?>

    </div>

</div>

 

<div style="border:1px solid pink;">

    <h1>文章特色图像（默认（一般的是原图）('post-thumbnail'为默认接收参数)）</h1>

    <div>

        <?php the_post_thumbnail('post-thumbnail');?>

    </div>

</div>





<?php endwhile; ?>

 

<?php else: ?>

 

    <p>对不起，暂时没有任何内容！</p>

 

<?php endif;?>