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

WordPress98.8K阅读模式

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
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  9  访客  7  作者  1
    • 灰常记忆
      灰常记忆 1

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

      • darlexlin
        darlexlin 0

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

        • LoopJump
          LoopJump 1

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

            • 知更鸟
              知更鸟

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

            • 搜索客
              搜索客 1

              请问Ality怎么设置特色图片

              • 青仙
                青仙 1

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

              • 来自外部的引用

              匿名

              发表评论

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

              拖动滑块以完成验证