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

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

3 ответа

Решение

Разве вы не можете заставить плагин инициировать следующий CSS, если короткий код существует?

aside {
    display: none;
}

main {
    width: 100% !important;
}

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

Спасибо!

Вам нужно использовать некоторый код, если вы хотите отключить все боковые панели на определенной странице.

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

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

или же

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

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

Другие вопросы по тегам