如何在WordPress添加多个文章缩略图/特色图片

09/24/2023

如何在WordPress添加多个文章缩略图/特色图片

最后更新于2024年7月10日 | 编辑:编辑部 | 审核:Syed Balkhi

WordPress默认只支持每篇文章一个特色图片,但许多现代网站和内容策略需要更多的视觉灵活性。多年来,许多读者向我们咨询如何在他们的WordPress文章中添加多个特色图片。这个功能可以改进内容的外观,特别是对于图片丰富的博客、产品展示或多媒体文章。

为什么要在WordPress中添加多个特色图片?

特色图片是WordPress的一个默认功能,您会在每个WordPress主题中找到它们。它们能为您的内容增添生机,使您的博客文章更具吸引力。此外,它们有助于吸引用户的注意力,使他们点击您的文章。

在某些情况下,您可能需要在WordPress网站中添加多个文章缩略图。也许客户有特殊需求要使用多个缩略图,或者您的网站设计需要不同的图片。例如,主页或档案页(博客和类别部分)需要不同的图片大小。在这种情况下,显示多个缩略图的选项非常有用。

在不使用插件的情况下在WordPress中添加多个特色图片

在不使用插件的情况下添加多个特色图片的最简单方法是手动将它们放入WordPress内容编辑器中的内容中。首先,您可以使用默认特色图片选项上传主要缩略图,只需单击顶部的齿轮图标以打开右侧的设置面板,然后转到“特色图片”部分。

之后,单击“设置特色图片”区域,便会弹出WordPress媒体上传器。上传您的图片或从现有的媒体库中选择一张图片。选择图片后,单击“设置特色图片”按钮。

接下来,在内容中的任意位置添加一个图片块,以插入另一个特色图片。为此,单击“+”按钮,然后在要显示次要特色图片的位置添加一个图片块。添加图片块后,只需将缩略图上传到您的博客文章中。

您还可以从WordPress网站的媒体库中选择现有图片或使用“从URL插入”选项。您甚至可以添加画廊块并显示多个特色图片,如果您有一个电子商务商店或需要展示多个高质量的产品图片,这尤其有用。

如何在WordPress中获取类别特色图片

如果您希望为特定类别的文章显示不同的特色图片,那么最佳解决方案是使用类别特色图片插件。首先,您需要安装并激活类别特色图片插件。激活插件后,您可以从WordPress仪表盘中进入文章»类别。现在,在添加新类别或子类别时,您会看到一个新的“特色图片”选项。只需单击“添加新图片”按钮即可开始。

单击按钮后,WordPress媒体上传器将弹出。您可以从计算机的本地驱动器上传图片或从WordPress媒体库中选择一张图片。之后,只需单击“设置特色图片”按钮。

您还可以编辑网站上的现有类别并添加特色图片。为此,首先将鼠标悬停在任何当前类别上,然后单击“编辑”选项。之后,向下滚动到“特色图片”部分。单击“添加新图片”按钮并上传类别的特色图片。完成后,别忘了单击“更新”按钮。

现在,返回WordPress后台的“类别”页面,您会看到每个类别的特色图片。

我们希望这篇文章能帮助您了解如何在WordPress中添加多个文章缩略图/特色图片。接下来,您可能希望查看我们关于如何进行基本图片编辑以及如何在WordPress中创建翻转框覆盖和悬停效果的指南。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>