最近,有VIP小伙伴问我,我的主题在手机端侧边栏是如何实现的,陌小雨告诉他我改了主题的框架,其实 xiu 主题想在手机端显示侧边栏也是可以实现的,思路就是利用 css 的优先级。我们以 xiu 主题的文章页为例:
只需要将下面的代码加入到 single.php 的第二行,也就是下面即可:
<style>@media (max-width: 560px){ .ui-navtop .sidebar{display:block;margin:0 auto; padding:0 20px !important;width:100%} }</style>
同理,页面和首页都可以这样来处理。陌小雨就不一一赘述啦!
我们也可以进一步将这个功能写入主题设置里面,加一个开关就好了,需要的时候开启,不需要的时候就保持 xiu 主题默认的显示方式。
你可能对这些文章感兴趣:
- WordPress网站利用body_class()实现多种布局
- 博客文章底部的随机语言是怎么实现的?
- WordPress插件推荐:xiu主题开启ajax和全站无刷新音乐的办法
- xiu主题的手机端和非手机端广告位后台设置是如何实现的?
- 给xiu主题添加一个浮动小人
- 分享适合xiu主题的多说评论样式
- xiu主题修改社交字符
- xiu主题给评论添加签到按钮
- xiu主题添加vip等级评论样式
- xiu主题文章版权申明优化
- 分享陌小雨博客导航外链跳转样式及xiu主题评论用户名外链修改办法
- xiu主题仿dux主题搜索弹出框,让百度站内搜索和wordpress自带搜索共存。
- 美化xiu主题Blockquote样式
- xiu主题集成百度站内搜索,可添加其他广告联盟广告位
如有疑问,请前往问答中心反馈!
反馈