zoukankan      html  css  js  c++  java
  • wordpress插件:multiple post thumbnails(可为文章添加多个特色图片)

    我们经常会给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):自定义图片大小)。
  • 相关阅读:
    layui 自定义表单验证的几个实例
    elementUI vue upload完整示例
    视频图片--多线程下载工具
    获取邮箱的DNS和MX 工具类
    10大经典排序算法动图演示
    nginx 转将http跳转到https
    Java 导出 Excel 列号数字与字母互相转换工具
    linux 下查看文件个数及大小
    文字不换行的解决办法
    溢出 省略号 ...
  • 原文地址:https://www.cnblogs.com/huoerheaven/p/11843805.html
Copyright © 2011-2022 走看看