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

知更鸟 2014年4月2日12:50:10WordPress98.6K21阅读模式
为WordPress主题添加特色图像功能

featured image

wordpress从2.9版开始支持文章特色图像功能,使用wordpress的特色图像功能,会使用网站更加规范,提高页面加载速度,如何让主题支持特色图像功能很简单。文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

第一步,添加主题对特色图像功能的支持文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

将下面代码主题functions.php文件中:文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

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

其中图片的长宽可以自行修改。文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

第二步,添加特色图像调用代码文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

将下面的代码添加到主题模板的适当位置,比如分类归档模板archive.php主循中:文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

  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. } ?>

代码说明,如果未手动设置特色图像,那么会自动调用第一个图片附件的“缩略图”作为特色图像,并显示它。文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

注:代码中所使用的WP函数:文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

可以到官方Codex查看详细使用说明,并根据需要加以修改。文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

调用显示特色图像还可以使用另一种方法:文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

如果你认为将特色图像调用代码加到主题模板主循环中看上去会很乱,可以将下面的代码添加到主题functions.php 文件中:文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

  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()。文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

原文:Set attachment as featured image文章源自知更鸟-https://zmingcx.com/wordpress-featured-image.html

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
让 WordPress 页面支持添加分类及标签 WordPress

让 WordPress 页面支持添加分类及标签

默认WordPress页面不支持选择分类和添加标签,可以通过下面的方法为页面添加分类及标签。 将下面代码添加到当前主题函数模板functions.php中: function san_add_taxo...
自定义 WordPress 文章显示数量 WordPress

自定义 WordPress 文章显示数量

一般我们都在设置 → 阅读 → 博客页面至多显示中,统一设置每个页面的文章显示数量,如果想某些页面自定义显示数量,不受这个控制,可以通过下面的代码实现。 自定义 WordPress 文章显示数量 将下...
WordPress 在文章页以标签云形式显示文章标签 WordPress

WordPress 在文章页以标签云形式显示文章标签

大家都看过WordPress 标签小工具的标签云,标签按文章数显示不同的大小,看上去很生动,那么在文章页面是否也可以用标签云的形式调用该文章标签呢?当然是可以的。 WordPress 在文章页以标签云...
匿名

发表评论

匿名网友

:?: :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
        darlexlin 0

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

        • LoopJump
          LoopJump 1

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

            • 知更鸟
              知更鸟

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

            • 搜索客
              搜索客 1

              请问Ality怎么设置特色图片

              • 青仙
                青仙 1

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

              • 来自外部的引用: 1