wordpress插件:multiple post thumbnails(可为文章添加多个特色图片)

2019-11-12 来源: 青春给了义务教育 发布在  https://www.cnblogs.com/huoerheaven/p/11843805.html

我们经常会给wordpress的文章加上特色图片来实现日志缩略图的需求,但是很多时候一张图片并不能够完美而又全面的表达我们wordpress文章的内容,这时候您可能就会需要这样一个能让wordpress同时添加多个特色图片插件:Multiple Post Thumbnails。

使用方法:

1.后台——插件——安装插件中搜索安装Multiple Post Thumbnails,并启用该插件;(或在WP官网下载);

2.

在当前主题的functions.php文件中,添加以下代码:

if (class_exists('MultiPostThumbnails')) {
  new MultiPostThumbnails(
    array(
      'label' => '第二个特色图片',
      'id' => 'secondary-image',
      'post_type' => 'post'
    )
  );
}

注:其中post_type可选post和page,post表示只对文章有效,page表示只对页面有效。当然,也支持自定义日志类型。

如果还想再多添加一个特色图片,可以修改以下:

if (class_exists('MultiPostThumbnails')) {
  new MultiPostThumbnails(
    array(
      'label' => '第二个特色图片',
      'id' => 'secondary-image',
      'post_type' => 'post'
    )
  )

  new MultiPostThumbnails(
    array(
      'label' => '第三个特色图片',
      'id' => 'third-image',
      'post_type' => 'post'
    )
  );
};

3.调用特色图片

  1):如果想直接展示图片,执行以下代码:

    <?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image'); endif; ?>

    <?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'third-image'); endif; ?>

  2):如果想拿到图片的url,执行以下代码:

    //获取 文章特色图片(插件自定义)

    <?php

      if ( class_exists( 'MultiPostThumbnails' ) ){
                          $imageId = MultiPostThumbnails::get_post_thumbnail_id('post', 'secondary-image', $post->ID);
                          $bannerImgUrl2 = wp_get_attachment_image_src($imageId,'full')[0];
                 }
    ?>
    注:以下代码是获取wordpress本身带的一个特色图片的url

    //获取文章特色图片(自带的一个)
    <?php
                    if (has_post_thumbnail()) {
                          $bannerImgUrl1 = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full')[0];
                    }
    ?>
4.
get_post_thumbnail_id ---------获取缩略图的id
wp_get_attachment_image_src------------获取当前id的缩略图的url,第二个参数 (full:展示完整图片;large:展示大图片;medium:展示中图;array(100,100):自定义图片大小)。

相关文章