Отключить все боковые панели на конкретной странице без редактирования файлов тем в wordpress

В настоящее время я создаю плагин. Плагин shortcode создает форму загрузки изображений с различными опциями. Что мне нужно, так это если я вставлю шорткод плагина в любую страницу в теме, то эта страница станет полной шириной без боковой панели.
Как я могу это сделать?

3 ответа

  1. Не можете ли вы получить плагин, чтобы инициировать следующий CSS, если короткий код существует?

    aside {
        display: none;
    }
    
    main {
        width: 100% !important;
    }
    
  2. Если вы хотите отключить все боковые панели на определенной странице, используйте код.

    сначала нужно узнать класс или идентификатор страницы и добавить в css-файл это:

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

    или

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

    Вы можете увидеть имя в элементах инспектора в браузере.

  3. Когда ваш короткий код будет добавлен на страницу в это время одна функция будет вызвана для отображения формы загрузки изображения с различной опцией. В этой функции включите на javascript & 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;
        }
      

    Спасибо!