分享一个很实用的WordPress主题导航代码。

此代码是在别的地方扒来的,但是我自己美化了一下。弄简约点,比较花里胡哨都是小孩子喜欢的。

%title - 初学者博客

手机电脑演示:https://www.51urlfh.cn/

代码内容

使用方法很简单-主题的小工具-自定义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="https://www.51urlfh.cn/muban" target="_blank">
<i class="hhicon fa fa-laptop"></i>
<span>网站模板</span></a></li>
<li><a href="https://www.51urlfh.cn/yuanma" target="_blank"> 
<i class="hhicon fa fa-desktop"></i> 
<span>网站源码</span></a></li>
<li><a href="https://www.51urlfh.cn/jiaocheng" target="_blank"><i class="hhicon fa fa-paper-plane"></i>
<span>教程</span></a></li>
<li><a href="https://www.51urlfh.cn/vip" target="_blank"><i class="hhicon fa fa-html5"></i> <span>VIP视频在线解析</span></a></li></ul></div></div></div></div>
温馨提示:本文最后更新于2021-04-25,若文件或内容有错误或已失效,请在下方留言
正文 结束
①、本站部分资源来源于网络收集,仅供大家学习与参考。
②、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
③、如发现本站有侵权倾向,请参考《免责声明》进行处理。

点赞14赞赏作者
分享
文章评论 抢沙发