构建一个Bootstrap WordPress主题#7 添加内容摘要和阅读按钮

我们先来添加摘要部分。

1. 添加内容摘要

我们在9-column的div中添加如下代码：我们在9-column的div中添加如下代码：

到前端刷新页面，摘要出现了

内容摘要

2. 添加阅读更多按钮
   在excerpt类下面，使用bootstrap类的btn 和 btn-default创建一个按钮。
   将href属性设置为the_permalink（）。 对于文本，我们会说Read More and » 。 我们还将在上面添加一个换行符br。

 Read More »

刷新前端页面

read more按钮

3. 为没有图片的博客帖子设置模式
   我们之前设置无图帖子按照容器全部宽度显示，找到col-md-12 的div，在其内部输入以下代码覆盖IMAGE HERE文本：

 

 
 
 
 
 

 Posted at
  on 
  by 
 
 
 

 
 
 

 
 Read More »
 

现在我们有了没有图片的帖子，而不只是一个空的空间。

无图帖子出现

如果我们没有使用条件语句，这里就像一个图片丢失的帖子。