B2主题免插件实现文章页相关文章

B2主题没有自带的文章页相关文章,这让人很难受,于是自己就做了个,效果图就是下面那样。

B2主题免插件实现文章页相关文章

还是挺简单的,没有整缩略图那些花里胡哨的东西。

功能代码:

<div class="single-bottom box"><h3><span>相关文章</span></h3><ul class="xgart-row"><?phpglobal $post;$categories = get_the_category();foreach ($categories as $category) :$posts = get_posts('numberposts=10&category='. $category->term_id.'&exclude='.get_the_ID());foreach($posts as $post) :?><li><a href="<?php the_permalink(); ?>" rel="external nofollow" ><?php the_title(); ?></a><span><?php the_time('Y-m-d') ?></span></li><?php endforeach;endforeach; ?></ul></div>

样式代码:

.single-bottom {
padding: 25px;
margin-bottom: 16px;
}
.single-bottom h3 {
border-bottom: 1px solid #ebeef5;
}
.single-bottom h3 span {
display: inline-block;
padding-bottom: 15px;
border-bottom: 2px solid #206aff;
}
.xgart-row {
overflow: hidden;
margin-left: -30px;
}
.xgart-row li {
width: 50%;
float: left;
display: flex;
align-items: center;
padding-left: 30px;
margin-top: 15px;
}
.xgart-row li a {
display: inline-block;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xgart-row li span {
color: #909399;
font-size: 13px;
margin-left: 20px;
}
@media screen and (max-width: 768px) {
/*b2主题底部相关文章*/
#nuandao .xgart-row li {
width: 100%;
}
}

使用方法:

将上面代码添加到子主题的single.php的指定位置:

B2主题免插件实现文章页相关文章

B2主题免插件实现文章页相关文章

给TA打赏
共{{data.count}}人
人已打赏
WordPress

隐藏多余内容 - wordpress B2主题美化

2020-12-7 16:47:04

微博网红

[YITUYU]艺图语 2021.09.02 纯真年代 雨文 [26P-238MB]

2021-11-18 18:10:00

资源下载说明

请使用百度网盘下载资源,不要在线解压!

1、本网站名称:美萌资源网
2、本站网址:www.mmupup.com
3、关于下载后怎么观看的问题,请查看网站首页的:关于充值、会员、资源、解压等部分说明【必看】
4、本站大部分资源解压密码均为: clubmeitu.com或者7mct.cn
5、本站资源大多存储在网盘,如发现链接失效查看文章联系作者进行补档或留言


本站说明

本站主要为大家提供时尚的Cospaly小姐姐美图,天天更新Cos套图,更多福利,小姐姐,写真,宅男精品,和cosplay等精彩内容,尽情关注美萌资源网永久发布页:http://www.cosclub.top/,我们只是大自然的搬运工,我们不生成小姐姐,我们只搬运小姐姐。如有侵权请联系删除,谢谢!!Email:1638590630@qq.com

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索