WordPress首页文章上面的导航小工具[WP教程]

前言

我看了很多人的WordPress都有一个导航代码,感觉蛮好看的我就自己偷过来了。这个导航可以很好的排版,个人觉得非常不错。

效果

图片[1]-WordPress首页文章上面的导航小工具

使用教程

把下面代码展开,复制粘贴—>到外观—>小工具—>自定义HTML—>选择自己想放的位置(本人使用的是子比主题,我给代码放在小工具的位置的首页-顶部全宽度,根据自己的排版放置)

<link rel='stylesheet' id='ding-css'  href='https://cdn.jsdelivr.net/gh/cuzbk-com/blog/dcc0d0552aa.css' type='text/css' media='all' />
<div class="home-first">
<div class="hf-widget hf-widget-1 hf-widget-hot-cats">
<h3 class="hf-widget-title">
<i class="fa fa-fire"></i>
<a target="_blank">热门专区</a>
<span>推荐热门排行专区</span></h3>
<div class="hf-widget-content">
<div class="scroll-h"><ul><li>
<a href="http://填写你的链接/" target="_blank">
<i class="hhicon fa fa-wordpress"></i>
<span>WordPress教程</span></a></li>
<li><a href="http://填写你的链接/" target="_blank"> 
<i class="hhicon fa fa-laptop"></i> 
<span>操作系统</span></a></li>
<li><a href="http://填写你的链接/" target="_blank">
<i class="hhicon fa fa-align-justify"></i>
<span>源码基地</span></a></li>
<li><a href="http://填写你的链接/" target="_blank">
<i class="hhicon fa fa-youtube-play"></i>
<span>VIP视频在线解析</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>

温馨提示:本文最后更新于2022-05-03 19:24:54,某些文章具有时效性,若有错误或已失效,请在下方留言或联系何以晨情
© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片