为WordPress主题添加特色图像功能

2014年04月2日12:50:10 9 7,381

featured image

wordpress从2.9版开始支持文章特色图像功能,使用wordpress的特色图像功能,会使用网站更加规范,提高页面加载速度,如何让主题支持特色图像功能很简单。

第一步,添加主题对特色图像功能的支持

将下面代码主题functions.php文件中:

  1. // 添加特色图像功能
  2. add_theme_support('post-thumbnails');
  3. set_post_thumbnail_size(130, 100, true); // 图片宽度与高度

其中图片的长宽可以自行修改。

第二步,添加特色图像调用代码

将下面的代码添加到主题模板的适当位置,比如分类归档模板archive.php主循中:

  1. <?php 
  2. if (has_post_thumbnail()) {
  3.      // 显示特色图像
  4.      the_post_thumbnail();
  5. else {
  6.      // 设置特色图像
  7.      $attachments = get_posts(array(
  8.           'post_type' => 'attachment',
  9.           'post_mime_type'=>'image',
  10.           'posts_per_page' => 0,
  11.           'post_parent' => $post->ID,
  12.           'order'=>'ASC'
  13.      ));
  14.      if ($attachments) {
  15.           foreach ($attachments as $attachment) {
  16.                set_post_thumbnail($post->ID, $attachment->ID);
  17.                break;
  18.           }
  19.           // 显示特色图像
  20.           the_post_thumbnail();
  21.      }
  22. } ?>

代码说明,如果未手动设置特色图像,那么会自动调用第一个图片附件的“缩略图”作为特色图像,并显示它。

注:代码中所使用的WP函数:

可以到官方Codex查看详细使用说明,并根据需要加以修改。

调用显示特色图像还可以使用另一种方法:

如果你认为将特色图像调用代码加到主题模板主循环中看上去会很乱,可以将下面的代码添加到主题functions.php 文件中:

  1. // 特色图像
  2. add_filter('the_content', 'set_featured_image_from_attachment');
  3. function set_featured_image_from_attachment($content) {
  4.      global $post;
  5.      if (has_post_thumbnail()) {
  6.           // 显示特色图像
  7.           $content = the_post_thumbnail() . $content;
  8.      } else {
  9.           // 获取和设置特色图像 
  10.           $attachments = get_children(array(
  11.                'post_parent' => $post->ID,
  12.                'post_status' => 'inherit',
  13.                'post_type' => 'attachment',
  14.                'post_mime_type' => 'image',
  15.                'order' => 'ASC',
  16.                'orderby' => 'menu_order'
  17.           ));
  18.           if ($attachments) {
  19.                foreach ($attachments as $attachment) {
  20.                     set_post_thumbnail($post->ID, $attachment->ID);
  21.                     break;
  22.                }
  23.                // 显示特色图像
  24.                $content = the_post_thumbnail() . $content;
  25.           }
  26.      }
  27.      return $content;
  28. }

这段代码基本原理与上面的相同 ,除了使用get_children过滤the_content(),而不是get_posts()。

原文:Set attachment as featured image

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:9   其中:访客  7   博主  1   引用   1

    • 灰常记忆 1

      你好 这个要是加到下个主题版本中会更好

      • darlexlin 0

        可以不通过特色图片来设置本地缩略图,而是通过自定义栏来设置调用远程图片吗?
        如何设置呢?

        • LoopJump 1

          博主你好,我在使用知更鸟的主题,现在遇到一个问题:
          文章没有设置特色图片时,会使用文章中的图片,但是这个图片显示的时候只显示图片的一部分,这个应该如何修改呢?
          非常感谢!

            • 知更鸟 Admin

              @LoopJump 你应该是说反了,设置特色图像才会显示不全
              特色图像不能显示全图,除非你图片比例是140/100

            • 搜索客 1

              请问Ality怎么设置特色图片

              • 青仙 1

                特色图片到底是什么鬼啊,开个看看

              • 来自外部的引用: 1

                • Aaron | Aaron3.0.1企业主题