在wordpress中不编辑主题文件的情况下禁用特定页面中的所有侧边栏

Question

目前我正在创建一个插件。该插件短代码创建一个图像上传表单与各种选项。我需要的是，如果我粘贴插件短代码在任何页面的主题，那么该页面成为全宽没有任何侧边栏。我该怎么做呢?

Answer 1

如果短代码存在，你不能让插件启动以下CSS吗?

aside {
    display: none;
}
main {
    width: 100% !important;
}

Answer 2

如果您想在特定页面中禁用所有边栏，则需要使用一些代码。

你需要知道的类或页面的id首先，并添加到你的CSS文件:

.class-page .sidebar-class {display: none;}

或

#id-page .sidebar-class {display: none;}

您可以在浏览器的检查器元素中看到该名称

Answer 3

当你的短代码被添加到页面时，一个函数将被调用来显示带有各种选项的上传图像表单。在该函数中包含javascript &CSS与以下代码。

1. Javascript代码:

   //Below code will add 'full_width' class to your 'body' tag
     $( document ).ready(function() {
     $(body).addClass('full_width');
    })
   

Css代码:

2.  // Display content in full width
    .full_width #layout {
     max-width: 100%;
     width: 100%;
     }
      // Hide sidebar component
       .full_width #sidebar {
       display:none;
     }
   

谢谢!