• 注册
  • WordPress建站 WordPress建站 关注:0 内容:23

    xiu主题添加左边侧边栏

  • 查看作者
  • 打赏作者
  • Lv.1
    青铜会员 VIP 1
    靓号:888
    官方

    只需要在 css 中添加下面代码:

    .speedbar-wrap{position: relative;float: left;margin-left: -99%;width: 158px;overflow: hidden;}
    .speedbar{position: fixed;width: 158px;}
    .speedbar-menu{ border: 1px solid #eaeaea;font-weight: bold;margin: 0;list-style: none;padding: 0;border-radius: 4px;padding: 7px 0;}
    .speedbar-menu a{display: block;padding: 7px 20px; }
    .speedbar-menu li:first-child a{border-radius: 4px 4px 0 0}
    .speedbar-menu li:last-child a{border-radius: 0 0 4px 4px;border-bottom: none;}
    .speedbar-weixin{border-radius: 4px;border: 1px solid #eaeaea;margin-top: 10px;}
    .speedbar-weixin h5{padding: 12px 0 0 20px;font-size: 12px;margin: 0;line-height: 16px;}
    .speedbar-weixin img{max-width: 100%;}

    然后在 sidebar 中添加下面代码:

        

    <aside class="speedbar-wrap">
    <div class="speedbar">
    <ul class="speedbar-menu">
    <li><a target="_blank" href="https://dedewp.com/pay">有偿服务</a></li>
    <li><a target="_blank" href="https://dedewp.com/online-music">音乐电台</a></li>
    <li><a target="_blank" href="https://dedewp.com/flinks">友情链接</a></li>
    <li><a href="https://dedewp.com/dede">dede</a></li>
    <li><a href="https://dedewp.com/tag/wordpress">wordpress</a></li>
    <li><a href="https://dedewp.com/tag/css">css</a></li>
    <li><a href="https://dedewp.com/tag/js">js</a></li>
    </ul>
    <div class="speedbar-weixin">
    <h5>微信关注“知鹅”<br>每天分享有趣的事儿</h5>
    <img src="https://dedewp.com/wp-content/uploads/mxyblog.jpg" alt="xiu主题添加左边侧边栏" title="xiu主题添加左边侧边栏" alt="">
    </div>
    </div>
    </aside>

    添加完毕后可能会出现手机上浏览等一些需进一步调节的 css 问题,自行调节,知鹅不会就不鼓捣了,做个笔记吧,有空再折腾,再给大家来一张效果图:
    xiu主题添加左边侧边栏

    请登录之后再进行评论

    登录
  • 偏好设置
  • 做任务
  • 实时动态
  • 帖子间隔 侧栏位置: