欢迎访问墨星博客

效果图教程开始将下面代码放入自定义css中图片链接替换为自己的文件地址，下载文件后解压，里面的svg文件就是

效果图教程开始复制下面代码 添加到WordPress后台-子比主题设置-全局-自定义代码-自定义css代码中即可

效果图教程开始进入wordpress后台-外观-小工具-自定义代码复制下面代码 粘贴进自定义html代码框 保存即可里面的图片路径可自行替换

效果图修改前修改后教程开始进入/wp-content/themes/zibll/inc/functions/zib-header.php(子比主题的导航文件)找到下面的框起来的代码部分(因为我这是自己修改过源码的文件 所以不要看代码行数)...

演示图教程开始JS代码我们直接将下面的代码放到：子比主题–>>自定义头部HTML代码或自定义底部HTML代码，我的是放在header文件里面，看你自己喜欢放哪里，里面的文件代码自己本地或者用我...

原本提示框美化后提示框教程开始进入WordPress后台-zibll子比主题设置-全局-自定义代码-自定义css代码，将下面代码添加进自定义css即可

效果图教程开始进入wordpress后台-外观-菜单-自定义html选择自己想要的位置点添加把复制的代码粘贴并保存代码中的图片路径自行修改，img标签中的src里面为图片路径

我这个也是从别人那弄得，不过跟以前不一样以前用起来感觉不舒服侧边栏都有，用着还不错，担心以后找不到了，在这分享一下~效果图教程开始将下面代码放进zibll主题设置-全局-自定义代码-自定义c...

效果图教程开始将下面代码放进主题设置-全局-自定义代码-自定义css代码中即可图片地址自行替换素材图 

效果图原版修改后教程开始打开开发者工具(F12)可以看到有一个list-inline属性，那就可以对这个属性写css实现居中效果，可以看到是class的，并非id，那么就可以使用.属性名{}最终css代码复制代码...

效果图教程开始下载下面文件 添加到wp-content/themes/zibll/pages文件夹打开WordPress后台-页面-新页面-选择墨星博客-聚合热榜输出标题，保存，刷新页面，再次保存即可演示地址墨星博客-聚合热...

效果图教程开始复制下面css代码 添加到子比主题设置-全局-自定义代码-自定义css即可