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

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

效果如下：

默认进来时像这样

点击以后

开始实施

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

修改前

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

修改后，注意保留空格

                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">

注意保留空格

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

侧边栏默认隐藏

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

代码如下

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

总结

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

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