Блог

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

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

#wordpress #wordpress-theming #custom-wordpress-pages

#wordpress #wordpress-тематизация #пользовательские-wordpress-страницы

Вопрос:

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

Ответ №1:

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

 aside {
    display: none;
}

main {
    width: 100% !important;
}

Комментарии:

1. привет, спасибо за этот ответ. Дайте мне знать, что является основным, а что в стороне? Присутствует ли это во всех темах WordPress по умолчанию?

2. <в сторону> — это элемент, содержащий боковую панель. <main> содержит основное содержимое. Пока пользователь не изменил эти элементы в своем шаблоне, он должен работать нормально.

3. ДА. Вы правы . Спасибо. Но не могли бы вы, пожалуйста, рассказать, где вы получаете эту информацию.

4. Я только что взглянул на шаблон page.php

Ответ №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;
  }

Спасибо!