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

作者zarekme
quality,Q 70

1689324329 20230714084529 64b10b29243b0
1689324329 20230714084529 64b10b2928597

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函数:

  • has_post_thumbnail()
  • set_post_thumbnail()
  • the_post_thumbnail()

可以到官方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

类似文章

WordPress后台直接显示文章、页面、分类、标签和用户等ID号

WordPress后台直接显示文章、页面、分类、标签和用户等ID号

有时我们需要查看某篇文章或者分类的ID，需要将鼠标放在文章或者分类名称上，然后查看浏览器状态栏上链接中的数字才能获得ID号，不够直观，可以将下面的代码添加到当前主题functions.php文件中，之后会在后台文章、分类等列表后面直接显示ID号：