萧涵主题添加阅读全文按钮并符合SEO优化

在wordpress萧涵主题添加首页文章摘要右下角阅读全文按钮通过传统手动方式并不能成功,而且手动方式太复杂,需要每次编辑文章都手动添加。偶看在这里介绍通过修改代码实现一劳永逸的自动方式。

传统手动添加方式

发表或编辑文章,在想要显示“继续阅读”按钮处,单击编辑框中第一行第12个按钮【插入“更多”分隔符(ALT+SHIFT+T)】,即可插入一个“继续阅读”按钮。具体代码为:

<!--more-->

wordpress阅读全文按钮

这个方式不适用于wordpress萧涵主题,遂采用以下办法。

修改代码自动显示方式

一、打开萧涵主题文件夹下的index.php文件,找到

				<div class="intro">
 					<?php if(is_category() || is_archive() || is_home() ) {
 						the_excerpt();
 						} else {
 							the_content('Read the rest of this entry &raquo;'); 
 					} 
 					?>
 				</div>

在以上代码后面添加

<div class="goon"><a href="<?php the_permalink() ?>" rel="nofollow">阅读全文</a></div>

二、打开萧涵主题文件夹下的style.css文件,在结尾处添加CSS代码

 .post .goon a{float:right;margin-right:15px;color:#F60;font-family:'Microsoft Yahei',Arial;font-size:14px;}

三、添加“阅读全文”按钮后的首页显示效果

萧涵主题添加阅读全文按钮

给“阅读全文”按钮添加nofollow属性是一个SEO优化细节。如果您的文章锚文本都是“阅读全文”,而又指向不同的网页,那么搜索引擎将无法确定您的文章主旨。当然,为“阅读全文”按钮添加nofollow属性还有其他几个好处,偶看就不一一说明了。

《萧涵主题添加阅读全文按钮并符合SEO优化》有67个想法

  1. 博主你好,我按照你说的弄了,全文阅读出现在了左下角,而且点击后显示404.请问是怎么回事?还有添加index.php里德那段是另起一行还是接在后面啊?

发表评论