禁用特定页面中的所有侧边栏，而无需在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＆amp; css以下代码。

1. Javascript代码：

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

2. Css代码：

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

谢谢！