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

2020年6月14日 评论 387 views 708字阅读2分21秒

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

效果如下:

默认进来时像这样
默认

点击以后

EZ02Ek0318

开始实施

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

侧边栏默认隐藏

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

dyqwBI1838

代码如下

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

总结

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

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

weinxin
公众号
在号内与我交流,回复【资源】获取技术大礼包
小熊