WordPress主题制作进阶#5创建单个帖子页并添加缩略图

接下来将学习如何创建一个单独的帖子页。当我们点击“阅读更多”，它会将我们带到单独帖子页，另外我们还会学习为帖子添加缩略图。

1、添加缩略图

打开functions.php文件，我们需要让主题启用缩略图支持，我们找到adv_theme_support（）函数，将以下内容添加到函数内部，代码如下所示：

// Theme Support
function adv_theme_support(){
    // Featured Image Support
    add_theme_support('post-thumbnails'); 

保存代码，返回站点后台刷新页面会看到特色图片功能

特色图片

我们给这篇文章加个图，更新一下；我们需要有一个名为_images的文件夹，用来放了一些图片。

设置图片

我们回到前端页面刷新是看不到图片的，因为我们在模板中没有放置缩略图显示的位置。
打开index.php文件，在 the_excerpt()上一行添加以下代码：

现在去前端页面刷新就能看到缩略图了，但是图片已经超出了边框

缩略图

我们到style.css文件中给缩略图设置一些样式，代码如下：

article .post-thumbnail img{
width:100%;
height:auto;
} 

2、创建单独帖子页模板

现在我们想要跳转到单个帖子页面。 为此，我们将新建一个文件并将其另存为single.php。 我们只需输入单词TEST即可。 现在，如果我们回到我们的单个帖子并重新加载，你会看到我们得到TEST：

test

拆分index.php

接下来我们将index.php拆分为header和footer文件，新建两个文件footer.php和header.php。找到nav，将从nav结束标签开始向上所有的代码，从index文件中剪切并粘贴到header文件中；同样找到footer标签，将从其开始向下的所有代码剪切并粘贴到footer.php文件中。

然后在index.php文件头部添加以下代码：

在index.php文件尾部添加以下代码：

修改single.php

然后把index文件中剩下的所有代码复制，粘贴到single.php文件中，然后将single文件中的the_excerpt() 修改为 the_content()

在单独的文章详情页里不应该有Read More按钮，我们删掉single.php中的Read More button。保存代码，回到前端页面刷新：

帖子详情页

现在存档页面（archive pages）应该可以工作。 如果我们点击“IT”，它会向我们展示所有IT帖子; 如果我们点击admin，它会向我们显示admin创建的所有帖子; 同样，搜索也应该有效。 如果我们搜索“从0到1”，那么之前的文章就应该出现了。

现在，所有的东西，如搜索，类别和用户归档页面，都可以实际定制，我们可以使它们与主要的帖子风格不同。 这就是我们下一节要做的。