添加首页文章上面的导航小工具框

前言

没啥好说，就是一个首页导航框，可以让用户更直观快捷的进入相关页面，感觉放上去也比较美观。

步骤

【子比主题】添加路径:进入后台-外观-小工具-自定义HTML，复制进以下代码，并添加到首页主内容即可。

<link rel='stylesheet' id='ding-css' href='https://cdn.jsdelivr.net/gh/ios3c/cdn/jswu.net/css/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://wwwo.top" >
             <i class="hhicon fa fa-wordpress"></i>
              <span>WordPress微语</span></a>
          </li>
          <li><a href="https://wwwo.top" >
              <i class="hhicon fa  fa-windows" ></i> 
              <span>每日60S</span></a></li>
          <li><a href="https://wwwo.top" >
          <i class="hhicon fa fa-linux" ></i>
              <span>最新疫情</span></a></li>
          <li><a href="https://wwwo.top/"
                >
          <i class="hhicon fa fa-youtube-play"></i>
  <span>热点资讯</span></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

• 以上有关信息请自行修改~

效果