#分享#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测评]
- 阿里云→CDN 有国内和亚太 100GB 流量 年付 22 元;500G全球[VPS测评]
- [黑五]CloudCone→洛杉矶按小时计费 KVM 年付 10 美元起全球[VPS测评]
- binarylane→$4 月 1GB 20GB SSD 空间 1TB 虚拟空间(主机)
- Linux CentOS,Debian 用 iptables 屏蔽 IP全球[VPS测评]
- 疯狂猜成语 图猜成语一个小偷后面是火是什么成语?全球[VPS测评]
- 超便宜 PacificRack→1 核 512M 内存 10G 硬盘 5全球[VPS测评]
- ¥163 年 512M 内存 20G SSD 100Mbps 不限流量 WINDOWS
- 腾讯云海外免备案云服务器 2 折 318 元 年起 香港韩国日本超低延迟日本VPS[主机]
- 搬瓦工 DC6 CN2 GIA-E 限量版补货:最便宜的美国 cn2vp美国VPS[主机]
- GigsGigsCloud→$9.8 月 500MB 内存 10GB S虚拟空间(主机)
- 微信支付接入报错→签名错误全球[VPS测评]
- IOFLOOD→$79 月-E3 1230v2 16GB 2x512G 全球[VPS测评]
- anyNode黑五便宜VPS1G内存20g硬盘1g端口2T大流量年付仅8全球[VPS测评]
- 如何在 CentOS 7 服务器上使用 yum命令安装 PHP7.2全球[VPS测评]
- WordPress网站如何基于宝塔面板的LNMP服务器进行再优化全球[VPS测评]
- FootMark 台湾台南 Hinet VPS测试 100M不限流量 2全球[VPS测评]
- 什么是IconFont ?iconfont 的使用和解析全球[VPS测评]
- 拼多多也要做跨境电商?出海之路能一帆风顺吗,了解一下全球[VPS测评]
- 20个温暖心灵的问题,抖音,朋友圈都可以拿去发。全球[VPS测评]
- 消费复苏形势良好,我们将多措并举实施扩大内需政策全球[VPS测评]
- 亿恩科技香港云服务器 2核2G服务器特价700元/年香港VPS[主机]
- 傲闪云vps,1核1G低至10元起,国内高防/香港CN2/美国CN2/美美国VPS[主机]
- 亿速互联怎么样?香港沙田vps,2核1G3M云主机仅98元/月,780元香港VPS[主机]
- 青云互联:年终特惠香港弹性云服务器15元/月起,可自定义配置,可选winWINDOWS
- 米上云:免备案香港云服务器,全场75折优惠码,香港高防vps月付23元起香港VPS[主机]
- SugarHosts,美国云服务器,洛杉矶cn2中美极速专线,香港建站服美国VPS[主机]
- Linux系统下安装Java JDK全球[VPS测评]
- 1分钟快速读懂云计算全球[VPS测评]
- RAKsmart促销活动:韩国服务器低价抢购,美国G口服务器低至$99,韩国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-30250.html











