人们喜欢图片。他们喜欢看它们，喜欢点击它们。因此，在您网站的导航中使用它们是有意义的。
您可能已经在存档页面中使用了特色图像，让用户可以更深入地了解帖子的内容，并使您的存档页面看起来更好。精美的可点击大图片还使浏览页面或发布帖子的过程更加直观。
但在其他地方，您可以使用特色图像来帮助导航到WordPress网站的某些部分。在这个由两部分组成的教程中，我们将向您展示如何创建图像网格，该网格链接到您网站中给定页面的子页面，或当前页面的子页面。
在第一部分中，我将演示如何编写PHP来获取页面并输出其标题和特色图像、内部链接。在第二部分中，IanYates将向您展示如何添加CSS将列表变成美观的网格。
您需要什么
要学习本教程，您需要具备以下条件：
- WordPress的开发安装-在测试之前不要将其添加到您的实时网站。
- 具有供您添加内容或可以编辑的操作挂钩的主题。如果它是没有钩子的第三方主题，请创建一个子主题并对其进行编辑。
- 代码编辑器。
决定你的方法
要做的第一件事是决定要输出哪些页面。在本教程中，我将演示两个选项：
- 当前页面的子页面列表，包含图像。
- 特定页面的子页面列表，包含图像。它可以显示在您网站的任何位置，而不仅仅是父页面。
开始使用
两种方法的出发点是相同的。
首先在wp-content/plugins文件夹中创建一个插件。您需要为插件创建一个文件夹，因为在本教程的第二部分中，您将添加样式表以及主插件文件。
获得文件夹后，为您的代码创建一个PHP文件。我正在调用我的tutsplus-child-pages.php。
现在设置您的插件文件，并在顶部添加注释掉的文本：
