Как убрать боковую панель в WordPress

Вы хотите удалить боковую панель с вашего сайта WordPress?

Боковая панель — это область вашей темы WordPress с виджетами, где вы можете отображать информацию, которая не является частью основного содержимого страницы. Однако боковые панели могут отвлекать и занимать ценное пространство.

В этой статье мы покажем вам, как легко убрать боковую панель в WordPress.

Зачем убирать боковую панель в WordPress?

Большинство бесплатных и платных тем WordPress поставляются с несколькими боковыми панелями или областями для виджетов.

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

На WPBeginner мы используем боковую панель для продвижения наших страниц в социальных сетях и отображения наших самых популярных постов.

Вы можете легко добавить элементы в боковую панель темы с помощью виджетов WordPress.

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

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

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

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

.com/wp-content/uploads/2017/05/wordpress-appearance-customize.png» alt=»Запуск WordPress Customizer» width=»680″ height=»297″ />

В левом меню найдите «Боковая панель» или аналогичную настройку.

На следующем изображении вы можете увидеть опции для популярной темы Astra WordPress.

Если вы увидите опцию ‘Sidebar’, то нажмите на нее, а затем найдите любые настройки, которые позволят удалить боковую панель.

Это может быть выпадающее меню, миниатюры, показывающие различные макеты боковой панели, или какая-то другая настройка.

Если ваша тема не имеет опции ‘Sidebar’, то вы можете удалить боковую панель, выбрав раздел ‘Page’ или аналогичный раздел.

Как вы можете видеть на следующем изображении, Astra также имеет настройку «Страница».

Внутри этой настройки вы увидите различные макеты, включая несколько, которые убирают боковую панель, такие как «Без боковой панели» и «Во всю ширину / растянутая».’

Просто нажмите на различные эскизы, чтобы применить эти макеты на вашем сайте.

Независимо от того, как вы убираете боковую панель, не забудьте нажать «Опубликовать.’

Некоторые темы WordPress также имеют настройки, позволяющие удалить боковую панель из отдельных постов и страниц. Это может быть полезно при разработке пользовательских страниц, таких как целевая страница.

Чтобы проверить, есть ли в вашей теме такие настройки, просто отредактируйте любую страницу или пост, где вы хотите скрыть боковую панель. В правом меню выберите ‘Post’ или ‘Page’, а затем найдите опцию ‘Post Settings’ или ‘Page Settings’.

Если в вашей теме есть этот раздел, нажмите, чтобы развернуть его. Теперь вы можете искать любые настройки, позволяющие убрать боковую панель.

На следующем изображении вы можете увидеть настройки поста для популярной темы ThemeIsle Hestia.

Имейте в виду, что некоторые темы WordPress могут не позволить вам легко удалить боковую панель с помощью кастомайзера или редактора страниц. Если это так, то продолжайте читать, и мы покажем вам другие способы удаления боковой панели в WordPress.

Способ 2. Удаление боковой панели с помощью полного редактора сайта

Если вы используете блочную тему, то вы можете удалить боковую панель, используя полное редактирование сайта (FSE) и редактор блока.

Этот метод — быстрый и простой способ убрать боковую панель на всем сайте, хотя он работает не со всеми темами.

Чтобы запустить редактор, перейдите по ссылке Внешний вид « Редактор.

Теперь вы можете нажать, чтобы выбрать боковую панель.

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

Теперь вы можете удалить боковую панель, нажав на ‘Remove Column’ или аналогичную настройку.

Как только вы это сделаете, нажмите на кнопку «Сохранить».

Теперь, если вы посетите переднюю часть вашего сайта WordPress, вы увидите, что панель инструментов исчезла.

Метод 3. Удаление боковой панели WordPress с помощью кода

Этот метод позволяет просто удалить сайдбары с каждой страницы и поста на вашем сайте WordPress.

Вам придется редактировать файлы темы, так что это не самый удобный для новичков вариант. Однако этот метод должен работать для большинства тем WordPress, включая темы, которые не имеют встроенного способа скрыть боковую панель.

Имейте в виду, что если вы редактируете файлы темы WordPress напрямую, то эти изменения исчезнут при обновлении темы.

Сначала вам нужно подключиться к вашему сайту WordPress с помощью FTP-клиента, такого как FileZilla, или вы можете использовать файловый менеджер вашей cPanel хостинга WordPress. Или, если вы являетесь пользователем SiteGround, на панели инструментов сайта.

Если вы впервые используете FTP, то вы можете посмотреть наше полное руководство о том, как подключиться к вашему сайту с помощью FTP.

После подключения перейдите по адресу /wp-content/themes/ и откройте папку с текущей темой WordPress.

Темы WordPress состоят из различных шаблонов, поэтому вам нужно будет отредактировать все шаблоны, которые включают боковую панель. Чтобы узнать, какие файлы вам нужно отредактировать, смотрите наше руководство по иерархии шаблонов WordPress.

Например, вам может понадобиться отредактировать index.php, страница.php, одиночный.php, архив.php, home.php, и так далее.

Чтобы отредактировать файл, откройте его в текстовом редакторе, например, в Блокноте. Затем найдите строку, которая выглядит следующим образом:

Если ваша тема имеет несколько боковых панелей, то код будет выглядеть немного иначе, и может быть несколько частей кода боковой панели. Как правило, в этом коде внутри функции будет имя боковой панели, например:

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

Теперь сохраните и загрузите файл на хостинг WordPress. Просто повторите описанный выше процесс для всех файлов шаблона, которые включают боковую панель.

Когда вы закончите, вы можете посетить свой блог WordPress, чтобы увидеть изменения в действии.

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

Это происходит, когда тема имеет определенную ширину для области контента. После удаления боковой панели вам нужно отрегулировать ширину области содержимого, добавив пользовательский CSS в вашу тему WordPress.

Чтобы сделать это, перейдите по ссылке Тема « Настроить. В левом меню нажмите на Additional CSS.

Теперь вы можете вставить следующий код в маленький редактор кода:

 
.content-area .сайт
Не забудьте нажать на кнопку "Опубликовать". Теперь, если вы посетите свой сайт, вы увидите, что область контента теперь занимает 100% доступного пространства.
Метод 4. Удаление боковых панелей с отдельных страниц в WordPress
Вы можете захотеть убрать боковую панель только на определенных страницах, но при этом показывать боковую панель на других частях вашего сайта. Например, многие сайты не показывают боковую панель на своих страницах продаж, так как это может отвлекать от призыва к действию на странице.
Если вы просто хотите удалить боковую панель с определенной страницы, то мы рекомендуем использовать плагин для создания страниц, например, SeedProd.
SeedProd позволяет вам создавать любые страницы с помощью простого редактора перетаскивания. Это позволяет легко добавлять и удалять боковую панель на любой странице.
В редакторе SeedProd просто нажмите, чтобы выбрать боковую панель, которую вы хотите удалить. Затем нажмите на значок мусорной корзины.
 
Если вы хотите удалить боковую панель со всего сайта, то вы также можете использовать SeedProd, чтобы легко создать пользовательскую тему, которая не имеет никаких боковых панелей.
Способ 5. Удаление боковых панелей со статической страницы в WordPress
Некоторые темы WordPress поставляются с несколькими шаблонами, включая шаблоны страниц во всю ширину, которые не показывают сайдбар по обе стороны от содержимого. Вы можете использовать эти шаблоны для удаления боковой панели с любой страницы.
Чтобы узнать, есть ли в вашей теме шаблон на всю ширину, просто откройте любую страницу. В правом меню выберите вкладку "Страница" и найдите раздел "Шаблон".
 
Если вы найдете этот раздел, то нажмите на него, чтобы увидеть все доступные варианты.
Теперь вы можете открыть выпадающее меню и найти шаблон на всю ширину страницы.
 
Если в вашей теме нет шаблона на всю ширину сайта, то вы можете создать его вручную.
Откройте обычный текстовый редактор, например, Блокнот, и вставьте следующий код в пустой файл:
Теперь вы можете сохранить этот файл с именем full-width.php.
После этого подключитесь к вашему сайту с помощью FTP-клиента или файлового менеджера, поставляемого вашим хостинг-провайдером WordPress.
Затем перейдите в папку /wp-content/themes/ и откройте папку вашей текущей темы. Внутри этой папки найдите страницу.php файл и откройте его в любом текстовом редакторе.
 
Теперь скопируйте все, что появится после этой строки, и вставьте в ваш полноразмерный сайдбар.php файл.
Как только вы это сделаете, найдите и удалите строку, которая выглядит следующим образом:
Теперь вы можете сохранить изменения и загрузить полноформатную страницу.php файл в папку с вашей темой.
Теперь вы можете использовать этот шаблон на любой странице. Просто откройте выпадающий список "Шаблон" в правом меню и выберите ваш полноформатный шаблон.
 
Примечание: Если у вас открыта страница в редакторе контента во время создания full-width.php, вам придется обновить редактор, чтобы новый шаблон появился в выпадающем меню.
Метод 6. Убрать боковую панель из одного поста в WordPress
Как и страницы, WordPress также поставляется со встроенной поддержкой шаблонов постов.
Если вы хотите убрать боковую панель из некоторых отдельных постов, то вы можете создать собственный шаблон для одного поста. Это похоже на создание шаблона страницы во всю ширину.
Во-первых, вам нужно будет создать новый файл шаблона с помощью текстового редактора, например, Блокнота. Как только вы это сделаете, вы можете скопировать и вставить следующий код в этот файл:
Этот код создает новый шаблон под названием 'Featured Article' и делает его доступным для любой страницы или поста, а также для любых типов постов с товарами в вашем интернет-магазине.
В вашем пользовательском шаблоне одиночного поста вам просто нужно удалить часть кода боковой панели. Для получения дополнительной информации вы можете следовать шагам, описанным в нашем руководстве по созданию пользовательских шаблонов для одного поста в WordPress.
Когда вы закончите, сохраните этот файл как полноразмерный.php.
Далее вам нужно загрузить файл в папку вашей текущей темы WordPress с помощью FTP-клиента или файлового менеджера.
Как только вы это сделаете, вы сможете применить этот шаблон к любому посту. В правом меню просто нажмите, чтобы развернуть раздел "Шаблоны", а затем выберите шаблон на всю ширину страницы.
 
Мы надеемся, что эта статья помогла вам узнать, как легко убрать боковую панель в вашей теме WordPress. Вы также можете ознакомиться с нашим пошаговым руководством о том, как увеличить скорость и производительность WordPress, а также с нашим сравнением лучших сервисов email-маркетинга для увеличения трафика и продаж.
Источник: www.wpbeginner.com