我们先来添加摘要部分。
- 添加内容摘要
我们在9-column的div中添加如下代码：我们在9-column的div中添加如下代码：
</p>
<div class="excerpt">
<?php echo get_the_excerpt(); ?>
</div>
到前端刷新页面，摘要出现了
内容摘要
- 添加阅读更多按钮
在excerpt类下面，使用bootstrap类的btn 和 btn-default创建一个按钮。
将href属性设置为the_permalink（）。 对于文本，我们会说Read More and » 。 我们还将在上面添加一个换行符br。
<br>
<a class="btn btn-default" href="<?php the_permalink(); ?>">
Read More »
</a>
刷新前端页面
read more按钮
- 为没有图片的博客帖子设置模式
我们之前设置无图帖子按照容器全部宽度显示，找到col-md-12 的div，在其内部输入以下代码覆盖IMAGE HERE文本：
<div class="col-md-12">
<h2>
<a href="<?php echo the_permalink(); ?>">
<?php echo the_title(); ?>
</a>
</h2>
<p class="meta">
Posted at
<?php the_time(); ?> on
<?php the_date(); ?> by
<strong><?php the_author(); ?></strong>
</p>
<div class="excerpt">
<?php echo get_the_excerpt(); ?>
</div>
<br>
<a class="btn btn-default" href="<?php the_permalink(); ?>">
Read More »
</a>
现在我们有了没有图片的帖子，而不只是一个空的空间。
无图帖子出现
如果我们没有使用条件语句，这里就像一个图片丢失的帖子。
