如何在 WordPress 中添加帖子缩略图


帖子缩略图每天都变得越来越流行。许多杂志主题将图像与特定的帖子相关联,随后将其显示在主页或帖子页面上。我们在帖子页面和类别页面上显示帖子的缩略图。在旧版本中,此功能是通过使用自定义字段方法获得的,这对用户不太友好。感谢 WordPress 核心开发人员以及 WordPress 2.9 中的许多值得注意的功能,此功能也被添加到核心中。

只需观看视频或阅读下面的教程即可?

视频

初学者指南

您将在 WordPress 仪表板的“撰写帖子”面板的侧边栏中看到这样的选项。

单击该链接,您将进入上传图像页面。上传图片,你会看到这样的内容:

只需单击显示“将其用作缩略图”的链接即可。完成此操作后,您将看到如下屏幕:

出现以上屏幕意味着您已完成。只需单击“发布”,图像就会显示在您的网站上。

开发者指南

尽管此功能已添加到核心中,但并非每个用户都会在其撰写帖子面板的侧栏中看到此选项。这是只有主题支持才能启用的功能之一。较旧的免费主题可能不支持它,因此您需要要求开发人员更新,或者您可以按照本教程自行更新。

首先,您需要打开主题文件夹中的 functions.php 文件并粘贴以下代码:

add_theme_support( 'post-thumbnails' );

此代码将为帖子和页面启用主题支持。现在您将能够在仪表板中看到一个选项。但它不会显示在您的主题中,因为我们还没有在主题中添加代码。

您可以使用以下代码在循环内的任何位置显示缩略图:

<?php the_post_thumbnail(); ?>

这是基本功能,但如果您想获得更高级的功能,例如指定帖子缩略图大小,那么您只需打开 functions.php 文件并粘贴如下代码:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 50, 50, true );

尺寸按以下顺序设置:宽度 x 高度,这些是像素。

您还可以通过添加以下行来为特色图像添加其他图像尺寸:

add_image_size( 'single-post-thumbnail', 590, 180 ); // Permalink thumbnail size

您稍后可以在后循环中调用特定的缩略图大小,如下所示:

<?php the_post_thumbnail('single-post-thumbnail'); ?>

这是此功能的完整功能的分解版本。我们尽量保持简单,以便每个人都能遵循。如果您想了解有关此功能的更多信息,请查看:

马克·贾奎斯 (Mark Jaquith) 关于帖子缩略图的文章
WordPress 法典