最近想把博客的主题给更换掉，找了一圈，发现热血洒红尘的Rcloud的主题非常不错，所以就顺手拿来用了，修改了head部分和公告栏位置，同时将移动终端加入了边栏显示，虽然显示的不是很完美，但我觉得边栏还是有必要的。

在此强烈推荐这个主题

这里非常感谢原作者，非常无私的共享了这么好的主题。

下载地址可以移步到原作者的网站：http://rcloud.rxshc.com/archives/79.html

在这里我有个疑问：就是边栏滑动的问题，您用的函数是在页面下拉到一定位置后siderbar隐去，siderbarFX显示，这个我也调试了一番，但一直没有解决移动终端的显示问题：不知能否实现在移动终端不使用滑动函数，仅显示边栏呢？

目前我的临时解决方法是在所有页面都不使用siderbarFX滑动函数，这样移动终端显示边栏就好了（如使用滑动函数移动端在页面滑动到一定位置时，上层会浮动显示边栏）

 

 

问题终于解决了：

用了一个迂回的方法，在CSS里面建两个id为sidebar1和sidebar2，过后将sidebar.php设置为如下：

<div id=”sidebar1″>
<div id=”sidebar”>
<?php
if(is_single() || is_page()){
dynamic_sidebar(‘内页侧边’);
}else{
dynamic_sidebar(‘侧边’);
}
?>
</div>
</div>
<div id=”sidebar2″>
<div id=”sidebar”>
<div id=”sidebarFX”>
<?php
if(is_single() || is_page()){
dynamic_sidebar(‘内页侧边’);
}else{
dynamic_sidebar(‘侧边’);
}
?>
</div>
</div>
</div>

过后在CSS文件中设置常规CSS：

#sidebar1{ display: none; }
#sidebar2{ display: block; }

再在CSS文件中设置移动终端CSS：

#sidebar1{ display: block; }
#sidebar2{ display: none; }

过后就大功告成

移动设备快速阅读本文：
请扫描右侧二维码