萧涵主题添加阅读全文按钮并符合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. 想要让所有的文章都全文显示?刚测试了下,需要删除functions.php里面关于文章截取的代码,代码数量众多,不建议执行,简单点的方法:将index.php 的 the_excerpt(); 修改为 the_content(); 然后在想要全文显示的文章底部,在文本编辑状态下加个 <!–more–>

      1. 呵呵,只看后面CSS代码去了。
        好是好,不过就是 只会截取第一段 在文章第一段末尾才会有“阅读全文”标签。
        有没有办法让其自动截取前面多少个字 就让其出现“阅读全文”标签。
        因为每篇文章第一段字数都不一样多,首页展示出来后会影响整体效果。

      1. 呵呵,只看后面CSS代码去了。 好是好,不过就是 只会截取第一段 在文章第一段末尾才会有“阅读全文”标签。有没有办法让其自动截取前面多少个字 就让其出现“阅读全文”标签。因为每篇文章第一段字数都不一样多,首页展示出来后会影响整体效果。

发表评论

This site uses Akismet to reduce spam. Learn how your comment data is processed.