0

0

如何在 WordPress 中轻松显示带有缩略图的页面列表

尊渡假赌尊渡假赌尊渡假赌

尊渡假赌尊渡假赌尊渡假赌

发布时间:2025-05-24 13:30:12

|

1079人浏览过

|

来源于php中文网

原创

您想了解如何在 wordpress 网站上轻松显示带有缩略图的页面列表吗?

在帖子或页面标题旁边显示特色图像有助于创造更多视觉兴趣,并为访问者提供有关内容的更多信息,因此他们更有可能点击并访问这些页面。

在本文中,我们将逐步向您展示如何在 WordPress 中显示带有缩略图的页面列表。

如何在 WordPress 中轻松显示带有缩略图的页面列表

为什么在 WordPress 中显示带有缩略图的页面列表?

WordPress 有两种不同的帖子类型,称为帖子和页面。

页面用于更常青的内容,例如“关于我们”、“联系我们”和“服务”页面,而帖子用于更新更频繁的博客内容。

您最重要的页面通常从主导航菜单链接到,但您可能有更多想要显示的页面。

通过添加带有缩略图的页面列表,您可以使链接比标准文本链接更具吸引力,并使访问者更好地了解WordPress 网站上每个页面的内容。

当访问者参与并感兴趣时,他们可能会访问更多页面并在您的网站上停留更长时间,这使得他们更有可能进行购买或加入您的电子邮件列表。

话虽这么说,让我们看一下在网站上显示带有缩略图的页面列表的几种不同方法。只需使用下面的快速链接即可直接跳至您要使用的方法:

  • 方法 1. 通过向 WordPress 添加代码来显示带有缩略图的页面列表
  • 方法 2. 使用 WordPress 块编辑器显示带有缩略图的页面列表

方法 1. 通过向 WordPress 添加代码来显示带有缩略图的页面列表

显示带有缩略图的页面列表的一种方法是将代码添加到 WordPress 文件中。

这种方法更先进,但优点是您将能够使用可自定义的短代码。每当您发布新页面时,无需手动更新列表,短代码将自动为您生成更新的页面列表。

如果您之前没有向 WordPress 网站添加过代码,那么您可以参阅我们的初学者指南,将网页上的代码片段粘贴到 WordPress 中。

然后,您需要将以下代码添加到您的functions.php文件中,在特定于站点的插件中,或者使用像WPCode这样的代码片段插件(推荐)。

如何在 WordPress 中轻松显示带有缩略图的页面列表

之后,搜索“短代码”块。

然后,单击“短代码”块将其添加到您的网站,然后只需粘贴上面的短代码即可。

如何在 WordPress 中轻松显示带有缩略图的页面列表

完成后,请确保单击“保存”或“发布”以保存更改。

之后,您的访问者将能够使用缩略图查看您的页面列表。

如何在 WordPress 中轻松显示带有缩略图的页面列表

您还可以使用小部件中的短代码在侧边栏或页脚中显示页面列表。

显示包含特定网站页面的页面列表

要显示仅包含某些页面的页面列表,您需要将以下短代码添加到您的网站:

[pagelist id="20, 10, 35"]

此短代码将根据页面 ID 显示特定页面。有关更多详细信息,请参阅有关如何在 WordPress 中查找页面 ID 的指南。

显示包含您最新博客文章的列表

您还可以使用短代码来显示最新博客文章的列表。这可能是增加博客文章浏览量的好方法。

只需将以下短代码添加到 WordPress:

[pagelist type=post]

以下是您的读者所看到的包含最新博客文章的列表。

如何在 WordPress 中轻松显示带有缩略图的页面列表

替代方案:您还可以使用MonsterInsights在页面和其他网站小部件区域中显示带有缩略图的帖子列表。有关更多详细信息,请参阅有关如何在 WordPress 中按视图显示热门帖子的指南。

显示包含您已发布的每个页面的页面列表

最后,您可以显示带有缩略图的页面列表,其中包含您已发布的每个页面。

如果您想为读者创建存档页面或HTML 站点地图页面,这会很有用。添加的帖子缩略图使其比简单的页面列表更具吸引力。

您需要将以下短代码添加到您的网站:

[pagelist limit="-1"]

当您发布新页面时,您的页面列表将自动更新。

方法 2. 使用 WordPress 块编辑器显示带有缩略图的页面列表

在 WordPress 中显示页面列表的另一种方法是使用WordPress 块编辑器。

注意:使用此方法时,您的页面列表将需要手动创建和更新,因为新页面发布后不会自动添加。

MiroThinker
MiroThinker

MiroMind团队推出的研究型开源智能体,专为深度研究与复杂工具使用场景设计

下载

为此,请打开您要编辑的页面。

然后,单击“加号”添加块图标以打开块菜单。

如何在 WordPress 中轻松显示带有缩略图的页面列表

之后,在搜索框中搜索“列”。

然后,选择“列”块。

如何在 WordPress 中轻松显示带有缩略图的页面列表

这将显示可用列块的列表。

选择“30/70”列块。我们将使用左列作为缩略图,使用右列作为页面标题和简短摘要。

如何在 WordPress 中轻松显示带有缩略图的页面列表

然后,单击“加号”添加块图标。

之后,选择“图像”块来添加您的特色图像。您可以选择上传新图像,或从媒体库中选择一张。

如何在 WordPress 中轻松显示带有缩略图的页面列表

如果您想链接图像,请单击“插入链接”图标。

然后,只需添加您的页面 URL。

如何在 WordPress 中轻松显示带有缩略图的页面列表

添加图像后,单击右列中的“加号”添加块图标。

然后,搜索“标题”块并单击它以将其添加到您的页面。

如何在 WordPress 中轻松显示带有缩略图的页面列表

接下来,输入页面标题并突出显示它。

然后,单击“链接”图标添加指向该页面的链接。

如何在 WordPress 中轻松显示带有缩略图的页面列表

您可以通过单击打开或关闭开关来选择在同一页面或新选项卡中打开链接。

如果您想在标题下方添加文本,只需再次单击“添加块”图标并选择“段落”块即可。

如何在 WordPress 中轻松显示带有缩略图的页面列表

然后,只需在可用的文本区域中键入即可。

要使用刚刚创建的格式将更多项目添加到列表中,请单击列块并选择三个点的“选项”菜单。

如何在 WordPress 中轻松显示带有缩略图的页面列表

然后,从下拉列表中选择“复制”选项。

这将自动创建该列的副本。

如何在 WordPress 中轻松显示带有缩略图的页面列表

您所需要做的就是按照与上述相同的步骤来更改图像、标题和文本。

完成对页面列表的更改后,请务必点击页面顶部的“更新”或“发布”按钮。

现在,您的访问者将看到一个更具吸引力的页面列表,其中包含帖子缩略图。

如何在 WordPress 中轻松显示带有缩略图的页面列表

注意:还有另一个可用的块,称为“页面列表”块,可让您添加不带缩略图的页面列表。

但是,上面的手动方法是使用块编辑器添加带有缩略图的列表的唯一方法。

如果您希望创建完全自定义的页面,其中还包含带有缩略图的页面列表,那么您可以使用 SeedProd 插件通过拖放构建器来完成此操作。有关更多详细信息,请参阅有关如何在 WordPress 中创建自定义页面的指南。

我们希望本文能帮助您了解如何在 WordPress 中轻松显示带有缩略图的页面列表。您可能还想查看我们为小型企业精选的最佳实时聊天软件的专家以及有关如何注册域名的指南。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

419

2023.09.18

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

317

2024.04.15

C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

8

2026.01.30

c++ 字符串格式化
c++ 字符串格式化

本专题整合了c++字符串格式化用法、输出技巧、实践等等内容,阅读专题下面的文章了解更多详细内容。

8

2026.01.30

java 字符串格式化
java 字符串格式化

本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。

6

2026.01.30

python 字符串格式化
python 字符串格式化

本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容,阅读专题下面的文章了解更多详细操作。

1

2026.01.30

java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

20

2026.01.29

java配置环境变量教程合集
java配置环境变量教程合集

本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。

17

2026.01.29

java成品学习网站推荐大全
java成品学习网站推荐大全

本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。

18

2026.01.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.6万人学习

WordPress视频教程
WordPress视频教程

共23课时 | 9.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号