#分享#XIU主题手机版如何显示小工具侧边栏
![]() | ![]() | ![]() | ![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |

前段时间站长也想过这个事情,想让移动端也显示边栏的一些小工具(最主要是金主们的边栏广告位也想在移动端显示),在百度上搜了一下,都是一些老旧的教程,改修改single.php文件,需要增加的东西比较多,这个方法还是比较麻烦的,因为原来在列表里增加置顶文章的时候发工单给过开发人员,得到的回复是不能改,最后站长只能参选了一些教程,自己修改,所以这次也没有到开发人员那里去问,站长想在自己捣腾一下,经过一翻折腾,还是成功的完成了,把折腾过程分享给大家,做个参考吧!
首先在之前搜索的时候可以确定,需要修改CSS文件,所以就找到了主题文件夹找到了style.css,打开之后,肯定是要搜索.sidebar,这个比较确定,最终发现了以下的代码:@media (max-width:1024px){
.sticky img, .focus .thumbnail .thumb, .relates a img,
.ui-navtop .focus .thumbnail .thumb{height: 140px}
.ui-navtop .sticky img, .ui-navtop .relates a img{height: 160px}
.sidebar{display: none;}
.content, .ui-navtop .content{margin-right: 0}
.tagslist{padding: 10px 0;}
.tagslist li{width: 50%;}
.ui-navtop .feeds{display: none;}
.ui-navtop .slinks{display: none;}
.ui-navtop .user-welcome{display: none;}
.ui-navtop .user-signin{display: none;}
}
可以看到1535行的:.sidebar{display: none;}
这里用了媒体查询,页面宽度小于1024px时,隐藏边栏,所以只需要改一下这个,把display: none;注释掉,就是不管宽度,都显示边栏,但是用手机测试了一下,效果不是太好,因为我边栏的图片宽度和手机不太适合,只显示了80%左右的图片,所以还需要修改,其实比较简单,按以下修改成自适应就可以了。.sidebar{width: 100%;margin: 0;}
这次用两个屏幕大小不一样的测试了一下,显示效果还不错,完工。
在7.2版本的说明里发现了:新增侧边栏是否显示在手机端的主题设置
但是我真的找过好多次,没有找到,今天发个工单给商家,估计周一才会回复。
[教程]历史优惠活动内容
猜你可能想看的VPS
- 疯狂猜成语 图猜成语一个焉字在圆圈里一颗红心在外面是什么成语?全球[VPS测评]
- HostSailor→$2 月 KVM-1GB 30GB 1TB 荷兰&全球[VPS测评]
- 按时计费 $2.49 月 768M 内存 10G 硬盘 1T 流量 1G全球[VPS测评]
- NameCheap→.com $5.88 首年;不限空间虚拟主机 年付 虚拟空间(主机)
- 真实测评 VPSMS→洛杉矶安畅 CN2 GIA 线路 SSD 硬盘 测全球[VPS测评]
- PHP 判断 IP 是否在指定 IP 段内的类全球[VPS测评]
- VirMach - 特价便宜 VPS 方案汇总全球[VPS测评]
- SSDNodes→新加坡 西雅图 洛杉矶 达拉斯 纽约 德国 加拿大等 全球[VPS测评]
- 便宜 RackNerd 情人节促销→洛杉矶 MC 机房 1 核 768M全球[VPS测评]
- 限时优惠 iON 二十四小时快闪优惠 洛杉矶机房 CN2 线路机房可享 全球[VPS测评]
- ZCloud 香港高配大流量服务器五折优惠,100M 带宽无限流量,双路香港VPS[主机]
- begin主题添加《英雄榜》每评论一次你就会自动排第一代码全球[VPS测评]
- 体验 Google AdSense 广告联盟的链接广告样式全球[VPS测评]
- WordPress插件:mk-sitemap实现网站地图全球[VPS测评]
- 阿里云VS腾讯云大比拼,入云新手注意事项全球[VPS测评]
- 网站改版对搜索引擎SEO优化是否有影响?全球[VPS测评]
- Silicom美国便宜 cPanel 虚拟主机,$3起/年;VPS主机,美国VPS[主机]
- 2021年最新宝塔面板如何关闭强制绑定账号全球[VPS测评]
- GnomeITSolutions 6G大内存50GNVME硬盘不限流VP全球[VPS测评]
- Wikihost → 韩国 → Ceph BGP 512M 20G 2韩国VPS[主机]
- 磐逸云怎么样?1核1G香港安畅CN2 VPS带宽5M年付128元香港VPS[主机]
- TabbyCloud:1核/1GB/20GB/2TB流量/50Mbps/香港VPS[主机]
- 亿速云香港服务器助力企业出海 有哪些具体的特点和优势?香港VPS[主机]
- HTML5绿色有机食品电商网站模板 - Organtio全球[VPS测评]
- 麻花云怎么样?安徽移动VPS月付29元 香港VPS 2M月付21元香港VPS[主机]
- 中国跨境电商,如何掘金欧洲市场?全球[VPS测评]
- YYYHost年终钜惠来袭:香港建站云/美国Cera云月付8折,季付7折美国VPS[主机]
- Vmshell:200MB/S香港大宽带vps免费领取,免费云主机,不限香港VPS[主机]
- 百纵科技:美国洛杉矶云主机4核8G大带宽仅799元/月;圣何塞vps,1美国VPS[主机]
- 自适应bootstrap左侧导航可关闭全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-27010.html











