如何将打开/关闭切换按钮添加到隐藏左侧边栏的二十五主题中?

时间:2017-10-12 作者:vinpinadu

我想在左侧边栏附近添加切换样式按钮,用于折叠和打开/关闭Wordpress默认的二十五主题的左侧边栏。

我有以下代码仅用于删除左侧边栏:

    body:before,
#sidebar,
#colophon,
.entry-footer {
    display:none;
}

.site-content {
    margin: 0 auto;
    float: none;
    width: 100%;
    max-width: 1200px;
}
那么,我怎样才能添加一个箭头来手动打开和关闭215主题的左侧边栏呢?当左侧边栏关闭时,如何自动拉伸整个站点?

1 个回复
SO网友:Brandon

正如您所做的那样,您删除了带有CSS的侧栏,但是要在切换上显示,您必须使用jQuery。您可以使用toggleClass()做一些事情;单击功能。

在css中,只需添加将切换的类,然后再次显示侧栏。

自动扩展站点将再次依赖CSS。如果有什么特别需要我帮忙的地方,请告诉我。

结束

相关推荐

在WordPress上路由自定义php

我是学习WordPress的Laravel开发者。我编写了一些PHP代码,其中显示了一些表、一些HTML和一些get表单。此时,我需要索引页上的文件才能显示它。我想改变这一点,只在索引页上添加一个菜单,其中包含指向我创建的文件的链接。现在我想路由文件,所以当我写它的URL时,我会看到来自该文件的页面。e、 g。mywpsite.com/mygetform 我该怎么做?