子比主题添加滚动banner以及文章推荐卡片

前言

在没放弃hexo博客的时候，有用过butterfly美化。来到wordpress之后，想要复刻首页滚动banner以及文章推荐卡片。

预览

HTML代码

html代码扒了张洪heo，改了一部分html代码。修改了一部分html代码是为了能够正常使用

html可以自行修改（建议先保存一下文件，防止丢失）

html代码需要在 外观 》小工具 》首页 顶部全宽度，添加自定义html

CSS代码

JS代码

js代码来源于：为博客顶部添加滚动banner及文章推荐卡片 – 随风起

需要将代码放在小工具里面

这个代码是为了屏蔽lazyload的css，让lazyload不会影响到功能正常使用

<style>
.loading,.notyf.load::before,.swiper-lazy-preloader {
	content: '';
	animation:none!important;
	border:none!important;
}

.tags-group-icon img {
  width: 62%!important;
   height: 62%!important;
}
</style>

更新内容

感谢您的访问，Ctrl+D收藏本站吧。