SEO建站添加相关文章功能(WordPress标题列表样式)

MAY的SEO博客
MAY的SEO博客
MAY的SEO博客
586
文章
762
评论
2019年5月24日13:06:23 4 4,140

我们在SEO建站的过程中,需要根据网站数据对网站结构做适当的调整,就拿MAY的SEO博客来说吧,网站的跳出率和页面访问深度一直不尽人意,所以May想给文章的底部比较显眼之处新增相关文章的功能。当然WordPress相关文章功能的插件很多,但是为了这么个小功能就会使用插件有点大材小用了,其实我们可以通过代码来轻松实现。

SEO建站添加相关文章功能(WordPress标题列表样式)

SEO建站: Step 1. 复制下面的代码至想要显示相关文章即可

提取码:vthu

如果您是想放在文章下方,建议将代码添加到single.php中;如果您想放在文章内容下方,就同May一样,就将代码放在content.php中。

代码中$post_num = 8; 其中的8可以修改为您想展示的文章数目。

<h3>相关文章</h3>
<ul class="related_posts">
<?php
$post_num = 8;
$exclude_id = $post->ID;
$posttags = get_the_tags(); $i = 0;
if ( $posttags ) {
	$tags = ''; foreach ( $posttags as $tag ) $tags .= $tag->term_id . ',';
	$args = array(
		'post_status' => 'publish',
		'tag__in' => explode(',', $tags),
		'post__not_in' => explode(',', $exclude_id),
		'caller_get_posts' => 1,
		'orderby' => 'comment_date',
		'posts_per_page' => $post_num,
	);
	query_posts($args);
	while( have_posts() ) { the_post(); ?>
		<li><a rel="bookmark" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" target="_blank"><?php the_title(); ?></a></li>
	<?php
		$exclude_id .= ',' . $post->ID; $i ++;
	} wp_reset_query();
}
if ( $i < $post_num ) {
	$cats = ''; foreach ( get_the_category() as $cat ) $cats .= $cat->cat_ID . ',';
	$args = array(
		'category__in' => explode(',', $cats),
		'post__not_in' => explode(',', $exclude_id),
		'caller_get_posts' => 1,
		'orderby' => 'comment_date',
		'posts_per_page' => $post_num - $i
	);
	query_posts($args);
	while( have_posts() ) { the_post(); ?>
		<li><a rel="bookmark" href="<?php the_permalink(); ?>"  title="<?php the_title(); ?>" target="_blank"><?php the_title(); ?></a></li>
	<?php $i++;
	} wp_reset_query();
}
if ( $i  == 0 )  echo '<li>没有相关文章!</li>';
?>
</ul>

SEO建站: Step 2. 添加CSS样式

以下的CSS样式效果,供大家参考使用。

 提取码:kmlu

/*文正内容模块新增“您可能感兴趣的文章”*/
.may-add h3{font-size: 1.6rem;}
.related_posts{margin-top:5px;}
.related_posts li{margin-left:20px;font-size:100%;line-height:1.7;padding:0 0 0 5px; list-style: disc;}
.related_posts a{color:#0f92fb;}
.related_posts a:hover{color:#444;}

SEO建站:Step 3. 查看效果

SEO建站:相关文章效果展示

以上,就是SEO建站添加相关文章功能(WordPress标题列表样式)的操作。

  • 我的微信
  • 扫一扫微信,添加好友
  • weinxin
  • 我的微信公众号
  • 关注公众号,了解最新动态
  • weinxin
MAY的SEO博客
  • 本文由 发表于 2019年5月24日13:06:23
  • 转载请务必保留本文链接:https://may90.com/building/related.html
WordPress SEO这些常规设置不容忽视 SEO建站

WordPress SEO这些常规设置不容忽视

如果您想在搜索引擎结果页中获得良好的排名,则需要认真对待SEO优化。如果您选择了WordPress建站,需要恭喜您的是:您已经节省了很多建站时间,更重要的是WordPress对SEO友好。如果您想进一...
title是什么意思?SEO中title如何使用? SEO教程

title是什么意思?SEO中title如何使用?

title是什么意思?撰写优秀title是从事SEO的一项基本技能。因为title是用户在搜索结果中首先看到的内容,也是搜索引擎用于确定页面主题、影响页面排名最重要因素之一,因此title对SEO至关...
4个步骤自己做网站(无需了解代码) SEO建站

4个步骤自己做网站(无需了解代码)

如果您打算开始自己做网站,但是不知道从哪里开始,那么您来对地方了。当你看到这个标题的时候,是的,任何人都可以轻松搭建属于自己的网站。您无需了解任何代码、网站设计或网站开发方面的知识。只需要跟着我的步骤...
怎样选择优秀的WordPress主题? SEO建站

怎样选择优秀的WordPress主题?

之前May有写过很多文章教大家如何去选择建站程序,May强烈推荐大家使用WordPress建站。当您决定选择WordPress来搭建网站后,下一秒就应该考虑使用什么WordPress主题(也称之为Wo...
为什么你需要关注WordPress站点健康状态? SEO建站

为什么你需要关注WordPress站点健康状态?

WordPress 5.2引入了一项名为Site Health的全新功能。这是一个监视站点运行状况的工具,可将任何问题或要进行的改进通知您。但是很多站长并没有注意到这一新功能,本文同大家一起潜入了解为...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:4   其中:访客  2   博主  2
    • 张波博客 张波博客 2

      你的这个站现在被你美化的看着很舒服!

        • MAY的SEO博客 MAY的SEO博客

          @ 张波博客 哈哈,谢谢。多来看看 :razz:

        • 道德经 道德经 0

          WP真是很强大啊

            • MAY的SEO博客 MAY的SEO博客

              @ 道德经 是的,网上也有各种WP的教程及资源,轻松易上手。