接下来将学习如何创建一个单独的帖子页。当我们点击“阅读更多”,它会将我们带到单独帖子页,另外我们还会学习为帖子添加缩略图。
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()上一行添加以下代码:
<?php if(has_post_thumbnail()) : ?>
<div class="post-thumbnail">
<?php the_post_thumbnail(); ?>
</div>
<?php endif; ?>
<?php the_excerpt(); ?>
现在去前端页面刷新就能看到缩略图了,但是图片已经超出了边框
我们到style.css文件中给缩略图设置一些样式,代码如下:
article .post-thumbnail img{
width:100%;
height:auto;
}
2、创建单独帖子页模板
现在我们想要跳转到单个帖子页面。 为此,我们将新建一个文件并将其另存为single.php。 我们只需输入单词TEST即可。 现在,如果我们回到我们的单个帖子并重新加载,你会看到我们得到TEST:
拆分index.php
接下来我们将index.php拆分为header和footer文件,新建两个文件footer.php和header.php。找到nav,将从nav结束标签开始向上所有的代码,从index文件中剪切并粘贴到header文件中;同样找到footer标签,将从其开始向下的所有代码剪切并粘贴到footer.php文件中。
然后在index.php文件头部添加以下代码:
<?php get_header(); ?>
在index.php文件尾部添加以下代码:
<?php get_footer(); ?>
修改single.php
然后把index文件中剩下的所有代码复制,粘贴到single.php文件中,然后将single文件中的the_excerpt() 修改为 the_content()
<?php the_content(); ?>
在单独的文章详情页里不应该有Read More按钮,我们删掉single.php中的Read More button。保存代码,回到前端页面刷新:
现在存档页面(archive pages)应该可以工作。 如果我们点击“IT”,它会向我们展示所有IT帖子; 如果我们点击admin,它会向我们显示admin创建的所有帖子; 同样,搜索也应该有效。 如果我们搜索“从0到1”,那么之前的文章就应该出现了。
现在,所有的东西,如搜索,类别和用户归档页面,都可以实际定制,我们可以使它们与主要的帖子风格不同。 这就是我们下一节要做的。