WordPress主题B2细节美化修改记录

本站为WordPress搭建,使用的是B2主题。如果你的站没有使用这款主题,这篇文章可能对你无用,这些美化修改只适用于B2主题。

B2主题界面友好、功能全面,很适合做资源站。土豆君参考大家的代码,修改了B2主题部分细节,希望起到抛砖引玉的作用,对大家有所帮助。

模块导航按钮修改

打开主题目录b2/style.css文件,在底部添加如下代码:

/*模块导航按钮修改*/
.picked.post-load-button span {
  background: #393733;
  color: #fff;
  border-radius: 3px;
}

.post-list-cats {
  background-color: #fff;
}

.post-list-cats a span:hover {
  background: #393733;
  color: #fff;
  border-radius: 3px;
}

隐藏不喜欢按钮

打开主题目录b2/style.css文件,在底部添加如下代码:

/*隐藏不喜欢按钮*/
.content-footer-zan-cai span:nth-child(2) {
  display: none;
}

加载更多按钮修改

打开主题目录b2/Assets/fontend/style.css文件,在底部添加如下代码:

/*加载更多按钮修改*/
.post-list .load-more button {
	padding:12px 40px;
	width:auto;
	background:#ffa64d;
	color:#fff;
	font-size:14px;
	margin:30px auto 20px auto;
	border-radius:3px;
}

.post-list .load-more button:hover {
	background:#ffa64d;
	color:#fff;
}

文章收藏按钮修改

打开主题目录b2/Assets/fontend/style.css文件,在底部添加如下代码:

/*文章收藏按钮修改*/
.content-footer-poster button.text {
	background:linear-gradient(40deg,#f16b6f,#f8bb86);
	color:#fff;
	border-radius:3px;
	padding:5px 10px;
}

.content-footer-poster .favorite-button.sc {
	color:#fff;
}

添加站点地图链接

打开主题目录b2/footer.php文件,在版权申明后添加地图链接:

https://tudoujun.com/wp-sitemap.xml

新版WordPress自带站点地图功能,路径:网址/wp-sitemap.xml

Logo添加闪光效果

打开主题目录b2/style.css文件,在底部添加如下代码:

隐藏内容,您需要满足以下条件方可查看
End

导航菜单添加角标

1、打开主题目录b2/Assets/fontend/style.css文件,在底部添加如下代码:

隐藏内容,您需要满足以下条件方可查看
End

2、后台设置:外观-菜单-导航标签引用

技术

使用批处理脚本 快速批量提取文件夹内的文件名称

2020-12-25 21:26:17

日志

2020年终总结 世事艰难 但终将过去

2020-12-31 16:31:13

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧