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

Question

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

Answer 1

如果有短码，能不能让插件启动下面的CSS？

aside {
    display: none;
}

main {
    width: 100% !important;
}

Answer 2

如果你想禁用特定页面中的所有侧边栏，你需要使用一些代码。

您需要先知道 class 或页面的 ID，然后在您的 css 文件中添加：

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

或

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

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

Answer 3

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

Javascript代码：

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

Css代码：

 // Display content in full width
 .full_width #layout {
  max-width: 100%;
  width: 100%;
  }

   // Hide sidebar component
    .full_width #sidebar {
    display:none;
  }

谢谢！

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

Disable all sidebar in specific page without editing theme files in wordpress

wordpress

wordpress-theming

custom-wordpress-pages