很实用的WordPress主题导航代码【wp美化】

效果展示：

使用方法其实非常简单，只要把代码放在子比主题的小工具里面找到自定义HTML，然后放在想要放的地方就行

代码：

<link rel='stylesheet' id='ding-css' href='https://oss.qfya.com/wp-content/uploads/2021/07/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.qfya.com/course" target="_blank">
							<i class="hhicon fa fa-laptop"></i>
							<span>技术教程</span></a>
					</li>
					<li><a href="https://www.qfya.com/soundcode" target="_blank">
							<i class="hhicon fa fa-desktop"></i>
							<span>网站源码</span></a></li>
					<li><a href="https://www.qfya.com/information" target="_blank"><i
								class="hhicon fa fa-paper-plane"></i>
							<span>热点资讯</span></a></li>
					<li><a href="https://www.qfya.com/videos" target="_blank"><i class="hhicon fa fa-html5"></i>
							<span>VIP视频在线解析</span></a></li>
				</ul>
			</div>
		</div>
	</div>
</div>