首页 视频课程 WordPress开发文档数据库与媒体库 特色图片

特色图片

2020-11-01 / 7371阅

本视频需要登录以后才能播放

登录

WordPress默认没有特色图片,需要手动开启,请在functions.php文件中添加以下代码开启:

//为文章添加特色图像
add_theme_support('post-thumbnails'); 

在循环中获取文章的缩略图,我们需要用到以下函数:

has_post_thumbnail() //判断当前文章是否有缩略图
get_post_thumbnail_id() //获取缩略图的ID
the_post_thumbnail() //直接输出特色图像,是包括IMG标签
get_the_post_thumbnail() //获取特色图像,包括img标签
get_the_post_thumbnail_url(); //获取特色图像的地址 

下面的代码会输出一个文章的图片。如果文章没有图片,IMG标签会留空

<?php
       while (have_posts()):the_post();
              ?>
              <li>
                     <a href="<?php the_permalink(); ?>">
                            <img src="<?php echo get_the_post_thumbnail_url(); ?>"/>
                            <div class="hui-img-list-content">
                                   <?php the_title(); ?>
                            </div>
                     </a>
              </li>
       <?php endwhile; ?> 

这种显然不是我们想要的结果。接着看下一课 图片处理

阅读文章或者观看视频过程中有任何问题,请下方留言或者联系我Q248758228

大家谈论
    我的见解
    目录