创建 WordPress 图片库：开发插件

人们喜欢图片。他们喜欢看它们，喜欢点击它们。因此，在您网站的导航中使用它们是有意义的。

您可能已经在存档页面中使用了特色图像，让用户可以更深入地了解帖子的内容，并使您的存档页面看起来更好。精美的可点击大图片还使浏览页面或发布帖子的过程更加直观。

但在其他地方，您可以使用特色图像来帮助导航到 WordPress 网站的某些部分。在这个由两部分组成的教程中，我们将向您展示如何创建图像网格，该网格链接到您网站中给定页面的子页面，或当前页面的子页面。

在第一部分中，我将演示如何编写 PHP 来获取页面并输出其标题和特色图像、内部链接。在第二部分中，Ian Yates 将向您展示如何添加 CSS 将列表变成美观的网格。

您需要什么

要学习本教程，您需要具备以下条件：

• WordPress 的开发安装 - 在测试之前不要将其添加到您的实时网站。
• 具有供您添加内容或可以编辑的操作挂钩的主题。如果它是没有钩子的第三方主题，请创建一个子主题并对其进行编辑。
• 代码编辑器。

决定你的方法

要做的第一件事是决定要输出哪些页面。在本教程中，我将演示两个选项：

• 当前页面的子页面列表，包含图像。
• 特定页面的子页面列表，包含图像。它可以显示在您网站的任何位置，而不仅仅是父页面。

开始使用

两种方法的出发点是相同的。

首先在 wp-content/plugins 文件夹中创建一个插件。您需要为插件创建一个文件夹，因为在本教程的第二部分中，您将添加样式表以及主插件文件。

获得文件夹后，为您的代码创建一个 PHP 文件。我正在调用我的 tutsplus-child-pages.php。

现在设置您的插件文件，并在顶部添加注释掉的文本：

/**
 * Plugin Name:  Tutsplus List Child Pages
 * Plugin URI:   https://github.com/rachelmccollin/tutsplus-list-child-pages
 * Description:  Output a list of children of the current page or a specific page with featured images.
 * Author:       Rachel McCollin
 * Author URI:   https://rachelmccollin.com
 * Version:      1.0
 * Text Domain:  tutsplus
 * License:      GPLv2.0+
 */