wordpress知更鸟begin主题,正文设置默认文章全屏,点击按钮后再显示侧边栏

2020年6月14日 评论 164 views 598字阅读1分59秒

鸟哥给的办法是直接把侧边栏给屏蔽掉,按钮和正文侧边栏直接就没了,但是我要的效果是点击按钮还能显示侧边栏,再点击还能再打开,就如同我的网站这样,进入文章页面直接就是全屏看文章。

效果如下:

默认进来时像这样
默认

点击以后

EZ02Ek0318

开始实施

编辑inc/post-meta.php文件 165 行,改为我这个,代表文章默认全屏
vim inc/post-meta.php +165

注意保留空格

                echo '<span class="s-hide"><span class="off-side on-side on-side-l"></span></span>';

编辑single.php第 8 行,代表按钮的箭头默认反过来
vim single.php +8
注意保留空格

        <div id="primary" class="content-area primary">

侧边栏默认隐藏

添加小工具,【增强文本】,添加到【页脚小工具】,开关保持和我一致。

dyqwBI1838

代码如下

<script>
if($("#primary").hasClass('primary')){
    $("#sidebar").toggleClass("sidebar");
    }
</script>

总结

我用F12查看页面html,拷贝出来点击前后整个文章有的html进行对比,发现了这几处html元素,每次点击增加或者删除了class,然后在grep查询到具体位置,使用仅存的前端知识进行的修改。

所以多学点东西,挺好的。

weinxin
微信公众号
三分钟学习晦涩难懂的技术,分享开发、运维、云技术等方面知识,带您轻松打破技术壁垒,编程如鱼得水。欢迎您的关注~!
好烂啊有点差凑合看看还不错很精彩 (3 人打分,平均分:4.33 )
Loading...
小熊
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: