我们经常会给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):自定义图片大小)。

最新文章

  1. php中双冒号::的用法
  2. membership与成员资格
  3. 视音频技术作业一:比较CCD与CMOS摄像的区别
  4. dubbo-admin-2.5.3 运行报错: Bean property &#39;URIType&#39; is not writable or has an invalid 解决方法
  5. Lattice Diamond 学习之编译、检查和设置约束
  6. 【练习】使用服务下载图片并保存到sdcard
  7. 【linux】输出重定向
  8. 512字节纠错1位的ECC校验码生成演示
  9. Java Day 05
  10. JS进制转换,浮点数相加,数字判断
  11. 【HDOJ】1513 Palindrome
  12. Java并发编程:Callable、Future和FutureTask的实现
  13. 论python3下“多态”与“继承”中坑
  14. js回调地域 和 用promise解决方法
  15. Raft与MongoDB复制集协议比较
  16. win10搭建ftp服务器的操作方法【图文教程】
  17. ssh -vT git@github.com get “ No such file or directory” 错误
  18. ACM__搜素之BFS与DFS
  19. c# list批量添加 对象 到数据库的sql
  20. 字符串中单词的逆转,即将单词出现的顺序进行逆转。如将“Today is Friday!”逆转为“Friday! is Today”.

热门文章

  1. ES(Elastic Search)update操作设置无 docment时进行insert
  2. 浅析MVC Pattern
  3. Spring Boot 2.x基础教程:Swagger静态文档的生成
  4. Spring5源码解析5-ConfigurationClassPostProcessor (上)
  5. 常用的js代码片段
  6. Spring Cloud Alibaba学习笔记(3) - Ribbon
  7. eclipse常用快捷键即项目操作
  8. 域渗透基础之Kerberos认证协议
  9. 实验吧之【因缺思汀的绕过】(group by with rollup的注入利用)
  10. SpringBoot项目配置Tomcat和JVM参数