构建一个Bootstrap WordPress主题#12 创建文章详情页

  1. 在wpstrap主题文件夹下创建一个single.php文件。现在,如果我们单击其中一篇博文,页面会跳转到空白页,因为它会自动查看single.php页面。
  2. 现在复制index.php文件中的所有内容,并将其粘贴到single.php文件中。 保存并重新加载页面; 它看起来与index页面完全相同。
  3. 修改 single.php 文件里的内容,首先找到 if(has_post_thumbnail()),一直到<?php else : ?>,将这一部分代码全部删除,然后别忘了把下面的 endif 标签也删除。
  4. 我们还是希望显示特色图片,我们把特色图片部分的代码放到 < /h2 > 标签下面
<?php if(has_post_thumbnail()): ?>
	<div class="post-thumbnail">
	<?php the_post_thumbnail(); ?>
	</div>
<?php endif; ?>
<br>

保存代码,刷新前台页面:

single post页

  1. 我们不想要Read More按钮,但我们想要全部内容而不是摘录。所以我们删除Read More按钮,使用 <?php the_content(); ?>替换 <?php echo get_the_excerpt(); ?>,再将其外围div标签的类名改成content:
<div class="content">
	<?php the_content(); ?>
</div>

保存代码,刷新页面:

单独的博客文章页
单独的博客文章页完成了。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值