Как удалить боковую панель со страницы WordPress или скрыть боковую панель WordPress
Опубликовано: 2020-01-24
Вы ищете быстрое пошаговое решение для удаления боковой панели с вашего сайта WordPress? У меня есть простой для понимания и реализации учебник, в котором подробно описывается, как удалить боковую панель WordPress без проблем, независимо от вашего уровня опыта работы с WordPress.
Проблема с большинством руководств по WordPress заключается в том, что они усложняют простые вещи, такие как удаление боковой панели в WordPress, с подробными описаниями, которые трудно понять новичкам в WordPress. В этом руководстве будет рассказано о простом подходе к удалению боковой панели WordPress, а также о расширенном способе удаления боковой панели в WordPress.
В этом руководстве есть подробное руководство о том, как удалить боковую панель в WordPress и почему все работает, а также последняя часть, в которой есть этот быстрый код, который нужно просто реализовать без глубокого понимания того, как он работает.
Шаги по удалению боковой панели WordPress
Чтобы удалить боковую панель в WordPress, мы можем отменить любой из двух шагов, используемых для добавления боковой панели в WordPress , как я объяснил здесь и резюмировал в разделе ниже. Самое главное, второй шаг — вызов боковой панели должен быть тем, что мы отменяем большую часть времени.
Мы можем опустить эту функцию, которая вызывает боковую панель ( get_sidebar() ) в шаблоне страницы, чтобы успешно удалить боковую панель на сайте WordPress. В кратком обзоре вы можете удалить боковую панель в WordPress, выполнив следующие действия:
- Найдите шаблон страницы или шаблон сообщения , который отображает боковую панель, среди ваших активных файлов темы или темы, из которой вы хотите удалить боковую панель. ( В этом уроке я покажу, как удалить боковую панель в стандартной теме WordPress Twenty Seventeen)
- Откройте шаблон страницы или поста и найдите код, который отображает боковую панель <?php get_sidebar(); ?>
- Проверьте, повторяется ли этот код несколько раз на странице вашей темы и в шаблоне сообщений, поскольку некоторые темы имеют несколько боковых панелей.
- Удалите эти строки кода, отображающие боковую панель.
- В качестве альтернативы вы можете создать полноразмерный шаблон страницы , в котором отсутствует вызов боковой панели – боковая панель <?php get_sidebar(); ?>
- Наконец, вы можете использовать функцию WordPress unregister_sidebar() в хуке действия, который использует widgets_init для удаления боковой панели в вашей теме WordPress.
Как добавить и отобразить боковую панель в WordPress
Во-первых, вам нужно понять, что боковая панель — это просто область виджетов, которая создается в вашей теме с помощью функции, называемой register_sidebar() для программистов, они разберутся в этом подробно, как я объяснил в этом руководстве — как добавить боковую панель в WordPress.
Пользователям WordPress также может быть полезно понять, как добавляется боковая панель из этого руководства, чтобы мы могли узнать, как удалить боковую панель в вашей теме WordPress.
По сути, при добавлении боковой панели в WordPress , как описано здесь , есть два важных шага; регистрация боковой панели и вызов боковой панели в шаблонах темы.
Регистрация боковой панели WordPress
Здесь используется функция register_sidebar, а код можно найти в файле functions.php вашей темы. Для целей этого урока я буду использовать тему WordPress по умолчанию Twenty Seventeen, чтобы шаг за шагом объяснить, как удалить боковую панель в WordPress.
Во-первых, на внешнем интерфейсе вы можете видеть, что боковая панель отображается, как показано на изображении ниже:
Когда вы загрузите эту тему и откроете файл functions.php , вы увидите, что боковые панели добавлены в код, показанный на изображении ниже:
В этой теме зарегистрированы три боковые панели, и боковые панели включают основную боковую панель блога и два виджета нижнего колонтитула.
Чтобы удалить боковую панель в этой теме WordPress, нам нужно выбрать, какую боковую панель нам нужно удалить, и самая важная боковая панель, которую следует удалить, — это, очевидно, основная боковая панель блога, зарегистрированная в приведенном ниже коде:
Это боковая панель с названием «Боковая панель блога» и идентификатором «боковая панель-1», как показано на изображении выше. Точно так же в вашей текущей теме WordPress, когда вы открываете functions.php, вы должны иметь возможность изолировать этот код, который регистрирует виджет боковой панели.
Если вы удалите этот код из functions.php, боковая панель будет удалена, но это не лучший подход, поскольку вам, возможно, придется отредактировать другую функцию, которая отображает боковую панель.
Вы также можете захотеть иметь эту боковую панель на других страницах и удалить ее только на одной странице, поэтому удалять боковую панель из этого файла functions.php не рекомендуется.
Отображение боковой панели в теме WordPress
Боковая панель отображается на любой странице или в публикации с помощью вызова шаблона с именем sidebar.php. По сути, происходит то, что шаблоны страниц или сообщений вызывают файл с именем sidebar.php, который содержит код, отображающий боковую панель.
В нашей обучающей иллюстрации, когда вы открываете файл sidebar.php темы Twenty Seventeen WordPress, вы увидите следующую строку кода, отвечающую за отрисовку кода боковой панели:
Далее в файлах темы WordPress, когда вы открываете файл index.php , page.php или single.php , вы увидите код, показанный на изображении ниже, который теперь вызывает файл sidebar.php для отображения его содержимого на странице. и пост:
В теме WordPress по умолчанию двадцать семнадцать код находится в файле index.php непосредственно перед вызовом шаблона нижнего колонтитула.
Как работает код боковой панели WordPress
Есть три файла, которые связаны с боковой панелью WordPress, а также есть три основные функции, которые задействованы при добавлении боковых панелей WordPress, и они работают следующим образом:
- Файл функций регистрирует боковую панель (области виджетов) с помощью этой функции – register_sidebar()
- Файл боковой панели содержит код для отображения боковой панели с помощью этой функции — dynamic_sidebar().
- Index,page.php или single.php или custom-post-type-page.php вызывают код из sidebar.php с этим тегом шаблона – get_sidebar()
Таким образом, последовательность событий выглядит следующим образом на схематической иллюстрации:
Как удалить боковую панель WordPress?
Как упоминалось выше, лучше всего прервать эту последовательность событий, чтобы избежать последней части, которая отображает боковую панель, поскольку мы просто хотим удалить ее из представления, а не полностью удалить боковую панель из функций темы WordPress.
Это часто имеет место, поскольку мы хотим удалить боковую панель с одной страницы или сообщения сайта, а не со всех страниц или сообщений сайта.
4 способа удалить боковую панель в теме WordPress
#1 Удалить функцию get_sidebar() Удалить боковую панель сайта WordPress
Теперь, когда мы понимаем, как боковая панель WordPress добавляется и отображается на сайте WordPress, теперь мы можем легко удалить боковую панель, удалив код get_sidebar() из шаблона страницы, из которого мы хотим удалить боковую панель.
- Откройте файлы вашей темы и найдите функцию get_sidebar() в page.php, single.php, index.ph p или других пользовательских шаблонах страниц, добавленных в вашу тему.
- Когда вы откроете этот файл, найдите этот код и удалите его, это удалит боковую панель WordPress.
- Иногда код может вызывать определенную боковую панель, например, боковая панель нижнего колонтитула может иметь такой код: <?php get_sidebar('footer-widget-area'); ?> просто удалите код, соответствующий боковой панели WordPress, которую вы хотите удалить.
# 2 Создайте пользовательский шаблон полной страницы, чтобы удалить боковую панель сайта WordPress (статическая страница)
Второй способ удалить боковую панель в WordPress — создать собственный шаблон страницы, в котором нет функции get_sidebar().
- Чтобы создать собственную страницу шаблона для вашей темы, вам нужно добавить следующий код в новый файл, который вы сохраните в основной папке вашей темы:
<?php /* * * Имя шаблона: Полноразмерный шаблон */ получить_заголовок();
- Сохраните файл как fullwidth-page.php, войдите в панель управления WordPress и нажмите «Создать новую страницу». В метабоксе «Атрибуты страницы» вы должны увидеть шаблон пользовательской страницы полной страницы в раскрывающемся меню, как показано на изображении ниже:
- Теперь вам нужно добавить содержимое страницы, чтобы вы могли отображать другое содержимое страницы и опускать боковую панель. Откройте php вашей темы и скопируйте все содержимое в новый файл fullwidth-page.php, удалив тег get_sidebar(), чтобы у вас были все остальные части без боковой панели.
- При копировании сохраните и вернитесь на панель управления, чтобы создать новую страницу с использованием нового шаблона полноразмерной страницы без боковой панели.
- Вы также можете создать собственный шаблон отдельного сообщения , чтобы удалить боковую панель из сообщений, точно так же, как вы удалили боковую панель со страницы. Добавьте следующий код в новый файл:
<?php /* * Название шаблона: сообщение без боковой панели * Тип сообщения шаблона: сообщение, страница, продукт */ получить_заголовок(); ?>
- Сохраните этот файл как fullwidth-single-post.php, и теперь вы можете получить доступ к пользовательскому шаблону одиночной записи полной ширины так же, как вы получаете доступ к пользовательскому шаблону страницы, описанному на шаге выше.
# 3 Используйте функцию отмены регистрации боковой панели, чтобы удалить боковую панель WordPress
Еще один оригинальный способ удалить боковую панель в WordPress — использовать функцию unregister_sidebar(). Эта функция принимает один аргумент, который является идентификатором боковой панели, и общее выражение выглядит следующим образом:
unregister_sidebar(string|int $sidebar_id)
Функция удаляет боковую панель из списка боковых панелей, и ее можно использовать в хуке действия следующим образом:
функция remove_footer_widgets(){
// Отменить регистрацию боковых панелей нижнего колонтитула TwentySeventeen
unregister_sidebar('боковая панель-2');
unregister_sidebar('боковая панель-3');
}
add_action('widgets_init', 'remove_footer_widgets', 11);Это эффективно удалит боковые панели нижнего колонтитула в теме WordPress по умолчанию Twenty Seventeen.
#4 Используйте бесплатные плагины для удаления боковых панелей WordPress
Есть несколько плагинов, которые вы можете использовать для отключения боковой панели на страницах и публикации, управляя боковыми панелями. Три самых популярных бесплатных плагина для управления боковой панелью и виджетами включают в себя:
- Пользовательские боковые панели — диспетчер области динамических виджетов
- Простые боковые панели страницы
- Боковые панели с учетом содержимого — неограниченные области виджетов
- Отключить виджет
Настройка CSS после удаления боковой панели WordPress
Наконец, вам, возможно, придется перенастроить свои стили, так как удаление боковой панели оставляет пространство, и это может быть достигнуто с помощью некоторых настроек CSS.
В тему WordPress по умолчанию Twenty Seventeen вы можете добавить следующие стили CSS, чтобы настроить пространство, оставленное удаленной боковой панелью:
.content-область {
ширина: 100%;
поле: 0px;
граница: 0px;
отступ: 0px;
}
.content-область .сайт {
поле: 0px;
}Теперь без боковой панели сайт должен быть успешно удален, а ширина области содержимого настроена так, чтобы она соответствовала всей странице, как показано на изображении ниже:
Подведение итогов
В этом посте мы в общих чертах описали четыре распространенных способа удаления боковой панели в WordPress, и у каждого из этих методов есть свои плюсы и минусы. Чтобы удалить боковую панель WordPress, вам нужно оценить свою тему и выяснить, как она была закодирована, чтобы вы могли реализовать лучший метод удаления боковой панели в своей теме WordPress. Я надеюсь, что вы найдете это руководство по WordPress полезным, и вы можете связаться с нами, если вам нужны дополнительные указания о том, как удалить боковую панель темы WordPress.