我們先來(lái)添加摘要部分甜奄。
- 添加內(nèi)容摘要
我們?cè)?-column的div中添加如下代碼:我們?cè)?-column的div中添加如下代碼:
</p>
<div class="excerpt">
<?php echo get_the_excerpt(); ?>
</div>
到前端刷新頁(yè)面霉晕,摘要出現(xiàn)了
- 添加閱讀更多按鈕
在excerpt類(lèi)下面乔宿,使用bootstrap類(lèi)的btn 和 btn-default創(chuàng)建一個(gè)按鈕祈秕。
將href屬性設(shè)置為the_permalink()茄袖。 對(duì)于文本操软,我們會(huì)說(shuō)Read More and » 。 我們還將在上面添加一個(gè)換行符br宪祥。
<br>
<a class="btn btn-default" href="<?php the_permalink(); ?>">
Read More »
</a>
刷新前端頁(yè)面
- 為沒(méi)有圖片的博客帖子設(shè)置模式
我們之前設(shè)置無(wú)圖帖子按照容器全部寬度顯示聂薪,找到col-md-12 的div家乘,在其內(nèi)部輸入以下代碼覆蓋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>
現(xiàn)在我們有了沒(méi)有圖片的帖子,而不只是一個(gè)空的空間藏澳。
如果我們沒(méi)有使用條件語(yǔ)句仁锯,這里就像一個(gè)圖片丟失的帖子。