Как убрать сайдбар в WordPress?
Как добавить или убрать сайдбар. Быстрый ответ:
Содержание
- 1 Как добавить или убрать сайдбар. Быстрый ответ:
- 2 Что такое сайдбар WordPress?
- 3 Регистрируем, добавляем и создаём сайдбар WP
- 4 Сайдбар в WP. Как добавить, убрать сайдбар в WordPress
- 5 Регистрация сайдбара в WordPress.
- 6 Как удалить правый сайдбар в WordPress
- 7 Преимущества использования сайдбара
- 8 Недостатки использования сайдбара.
- 9 Как удалить сайдбар с сайта.
- 10 Индивидуальный шаблон страницы – убираем сайдбар
- 10.1 Шаг 1. Создаем отдельный файл для шаблона страницы.
- 10.2 Шаг 2. Убираем сайдбар (sidebar, боковая колонка).
- 10.3 Шаг 3. Изменение стиля страницы.
- 10.4 Шаг 4. Создание стиля contentshirokii.
- 10.5 Шаг 5. Сохраняем редактируемый файл page.php под другим именем и закачиваем его на сайт.
- 10.6 Шаг 6. Подключаем созданный нами индивидуальный шаблон shirokii.
- 11 Заключение.
- 12 FAQ
Шаги включают в себя:
- Доступ к панели управления WordPress и переход к Appearance> Widgets.
- Найти область боковой панели и удалить из нее все виджеты.
- Перейти к Appearance > Customize и найти раздел Theme Options или Layout Options.
- Изменить макет сайта на макет с полной шириной или без боковой панели.
- Сохранить изменения.
- Проверить сайт, чтобы удостовериться, что боковая панель была удалена.
Также указывается, что некоторые темы WordPress могут не иметь возможности удалить боковую панель через Customizer. В этом случае процесс может включать редактирование кода темы.
Что такое сайдбар WordPress?
Термин «боковая панель» на самом деле может относиться к двум совершенно разным понятиям в системе WordPress: динамическая боковая панель и шаблон боковой панели.
- Динамическая боковая панель — это контейнер для набора виджетов, которые пользователь может установить через раздел «Виджеты» панели администратора.
- Шаблон боковой панели, с другой стороны, — это боковая панель, которая отображается шаблоном сайта.
В большинстве случаев простые шаблоны имеют динамические боковые панели, которые загружают все виджеты, размещенные в панели администратора.
Однако важно отметить, что динамическая боковая панель и боковая панель шаблона — это две разные вещи. Премиум шаблоны WordPress в основном работают с шаблонами боковых панелей.
Как правило, термин «боковая панель» используется в отношении динамической боковой панели, о которой и пойдет речь в этой статье.
Большинство тем имеют только одну боковую панель, в лучшем случае две.
Но эти темы могут создавать огромные страницы с большим количеством пустого пространства, которое можно было бы заполнить дополнительными боковыми панелями. Поэтому очень важно понимать разницу между динамическими боковыми панелями и шаблонами боковых панелей и использовать их в полной мере.
Регистрируем, добавляем и создаём сайдбар WP
Многие темы часто не соответствуют стандартам качества, поэтому, если Вы разработчик шаблонов, давайте убедимся, что Вы относитесь к этому вопросу серьёзно. Создание соответствующего динамичного сайдбара WordPress – наиболее важная часть процесса, потому что то, что Вы в нем установите, будет связано со всеми другими функциями боковой панели.
Чтобы создать один или несколько сайдбаров, Вам придёться регистрировать их через файл functions . php Вашей темы, у каждой темы существует свой файл, который содержит все настройки шаблона. В файл functions . php Вы можете дописывать или удалять настройки темы.
Код, представленный ниже, демонстрирует, как можно создать сайдбар в системе WordPress, воспользовавшись функцией register_sidebar ( ) . В данном случае мы будем создавать боковую панель под названием ‘primary’, которая станет примером для дальнейшей работы.
Сайдбар в WP. Как добавить, убрать сайдбар в WordPress
Сайдбар в WordPress стал неотъемлемой частью сайта. Его использование открывает огромные возможности для разработчиков тем и пользователей платформы WordPress. На всевозможных блогах отводиться большое количество времени описанию добавления, удаления и настройкам сайдбара. В данном вопросе и мой блог не стал исключением, сегодня я постараюсь рассказать о как можно большем количестве настроек и всех возможных махинациях над боковой колонкой сайта на WordPress.
Шаг | Описание |
---|---|
1 | Войти в админ-панель WordPress |
2 | Нажать на «Внешний вид» в боковом меню |
3 | Нажать на «Редактор темы» |
4 | Найти файл «sidebar.php» и открыть его в редакторе |
5 | Найти код, отвечающий за отображение сайдбара, и удалить его |
6 | Нажать на кнопку «Обновить файл» |
7 | Проверить результат на сайте |
После небольшого отступления перейдем к нашим «баранам» и окунемся в суть работы с темами, а именно рассмотрим боковое меню WordPress.
Перед тем, как приступить к рассказу и вникнуть в код и настройки, очерчу несколько нюансов, которые вы скорее всего знаете, связанных с боковыми панелями:
Сайдбар сайта — правая или левая части сайта, отвечающая за донесение дополнительной информации и участвующая в навигации по сайту. Возможно использование и правой и левой боковой колонки одновременно.
Использование сайдбара в WP имеет более широкий диапазон действий, он может быть размещен где угодно, в шапке, сбоку, в подвале, и вмещать в себя самые разнообразные элементы, о которых и пойдет речь в этой статье.
Регистрация сайдбара в WordPress.
Вывод сайдбара WordPress происходит по определенному принципу, при помощи вызова в файлах шаблона и регистрации в файле functions.php функцией register_sidebar().
Будьте внимательны, перед регистрацией сайдбара убедитесь что он ранее не был зарегистрирован. При наличии нескольких регистраций с одним и тем же id, возможно возникновение ошибок. Перед редактированием сторонних шаблонов, стоит убедиться что сайдбар не «завязан» к каким-то функционалом шаблона.
Как удалить правый сайдбар в WordPress
Сайдбар, он же, боковая панель, играет важную роль в дизайне сайта. Как правило, его главное назначение — улучшение навигации по сайту. Но вместе с тем, не всегда есть необходимость в сайдбаре. Давайте посмотрим, почему это.
Преимущества использования сайдбара
В зависимости от вашей темы вы можете сделать боковую панель слева или справа. Во многих темах, вы даже можете добавить сайдбар сразу с обоих сторон. В этом случае, у вас будет три колонки. Две маленькие, и одна большая, основная.
В сайдбар, вы можете добавлять различные виджеты, в том числе, виджеты для продвижения сайта в социальных сетях. Здесь вы можете добавить форму подписки на электронную почту, добавить виджет с последними комментариями. Добавить виджет популярных или последних страниц, архивы и еще много каких виджетов существует. Ну и конечно, здесь же излюбленное место для расположения рекламы.
Но на деле, далеко не все из этих виджетов, так уж необходимы на боковой стороне. Рекламу можно расположить внутри статьи, формы подписки, после статьи. Ну а необходимость виджетов с популярными страницами, и вовсе под вопросом. Обращают ли на них внимание посетители или нет, весьма спорный вопрос. В то же время, можно добавить блоки с рекомендуемыми статьями внутрь статьи. Или после. Как это, тоже часто делается.
Недостатки использования сайдбара.
Как видите, у сайдбара есть преимущества, из-за которых его используют. Но тогда возникает резонный вопрос, а зачем его удалять?
Скорость загрузки страницы сайта, важный параметр. И вот тут мы сталкиваемся с первым недостатком сайдбаров. Если вы расположите в сайбаре виджет, то посмотрев код страницы, вы можете увидеть, что он расположен довольно близко к началу.
То есть, когда посетитель зашел на ваш сайт, ему загружается не только сама страница, но и боковые виджеты. Тем самым, сама страница, загружается медленней. И если помимо этого, у вас есть еще факторы, которые задерживают загрузку (медленный хостинг, тяжелые картинки и так далее), то в результате, посетитель может не дождаться загрузки страницы и уйти с нее. А это очень плохо.
Другой момент – боковушка отвлекает вашего посетителя от основного содержимого. И он, не дочитав статью до конца, просто перейдет на боковушку. Ну, если он уйдет по рекламе, то тоже неплохо. И тут я вас снова разочарую. Да, если человек уйдет по рекламе, то может и не плохо. А вот то, что человек не дочитает вашу статью, вот это плохо. И вот почему.
Вам наверное известно, что поисковики, что Гугл что Яндекс, очень пристально следят за поведением посетителей на сайтах. И если они видят, что большой процент посетителей, не доходят до конца страницы, то для них это будет означать одно, ваша страница – некачественная. А значит, ее и поднимать в поиске не надо.
Помимо того, что у вас может быть пессимизация от поисковиков, есть и другая проблема — меньшее количество лайков, меньше комментариев. Тут все логично, посетитель статью до конце не прочитал, значит, никаких лайков, никаких комментариев.
Если я вас до сих пор не убедил, в том, что боковая панель, не всегда хорошо, то вот вам третий фактор – мобильная версия. Сейчас уже очень большой процент заходов на сайт, идет с телефонов. И вот тут с этим сайдбаром, проблема. Он просто не будет у вас отображаться с боку. А все его содержимое, перейдет в подвал страницы. Если еще учесть, что в подвале страницы и так идут другие виджеты, то с наличием там же сайдбара, вообще будет бардак.
Как удалить сайдбар с сайта.
Установить подходящую тему.
Установите тему с одной колонкой. Есть много тем, которые позволяют добавлять и удалять боковые колонки. В их настройках, вы просто можете указать, использовать ли сайдбар.
Использовать плагин.
Самый простой, и более универсальный способ, это использование плагинов. Вот лучшие 3 плагина для того, чтобы убрать сайдбар на сайте WordPress.
1.Custom Sidebars — Dynamic Widget Area Manager
Двести тысяч установок, оценка четыре с половиной, известный разработчик. Этот плагин позволяет легко управлять и заменять боковые панели и виджеты на вашем веб-сайте WordPress. Custom Sidebars предлагает очень гибкий менеджер для управления областями виджетами и для гибкой настройки боковой панели.
2. Content Aware Sidebars – Unlimited Widget Areas
Content Aware Sidebars утверждает, что является самым быстрым и мощным плагином для управлением сайдбаром и виджетами в WordPress. Вы можете использовать этот плагин для индивидуального оформления виджета боковой панели для любой публикации, страницы или даже настраиваемого типа сообщений без необходимости исправлений программного кода. Этот плагин интегрирован с другими популярными плагинами, такими как WooCommerce, WPML и Transposh.
Что еще хорошо в этом плагине, так это поддержка русского языка. Таким образом, разобраться, как пользоваться этим плагином, проблем не составит.
3.Fullwidth Templates For Any Theme & Page Builder
Fullwidth Templates – самый простой плагин из протестированных. Минимум настроек, вы можете выбрать всего одну из трех опций, и ваша запись, будет иметь соответствующий вид (полный вид без шапки и подвала, во всю ширину, без сайдбара).
Плагин | Установок | Оценка | Разработчик | Особенности |
---|---|---|---|---|
Custom Sidebars | 200,000 | 4.5 | Известный разработчик | Легко управлять и заменять боковые панели и виджеты на вашем веб-сайте WordPress. Гибкий менеджер для управления областями виджетами и для гибкой настройки боковой панели. |
Content Aware Sidebars | Неизвестно | Неизвестно | Неизвестный разработчик | Самый быстрый и мощный плагин для управления сайдбаром и виджетами в WordPress. Индивидуальное оформление виджета боковой панели для любой публикации, страницы или даже настраиваемого типа сообщений без необходимости исправлений программного кода. Поддержка русского языка. |
Fullwidth Templates | Неизвестно | Неизвестно | Неизвестный разработчик | Самый простой плагин из протестированных. Минимум настроек. |
Индивидуальный шаблон страницы – убираем сайдбар
На вашем сайте есть боковая колонка (sidebar), а вы хотели бы, на некоторых своих страничках ее отключить, тогда вам просто необходимо прочитать данную статью.
Скачать исходники для статьи можно ниже
О том, что такое индивидуальный шаблон страницы, для чего он нужен, как его использовать и редактировать, вы можете прочитать в предыдущей моей статье Индивидуальный шаблон страниц в WordPress: понятие, использование, создание, редактирование.
Данная инструкция состоит из 6 шагов.
Шаг 1. Создаем отдельный файл для шаблона страницы.
За отображение внешнего вида страниц отвечают следующие файлы шаблона вашей темы: page.php, index.php.
Поэтому чтобы не писать код индивидуального шаблона с нуля, просто скопируем файл page.php и будем исправлять в нем код, после переименуем его например в файл shirokiishablon.php (можно придумать и другое название данного файла).
Для этого заходим через программу FileZilla на FTP-cервер вашего сайта, далее входим в вашу текущую тему:
/public_html (или WWW)/wp-content/themes – в этой папке находится все установленные на вашем сайте темы.
В данном примере моя текущая тема будет называться iGames, поэтому я вхожу в папку /iGames.
Далее находим здесь файл page.php и перекидываем его на своей компьютер (в FileZilla просто перетащите его в левое окошко в нужную папку).
Далее открываем данный файл с помощью редактора кода, ну например: Notepad++ и в самом начале вставляем следующий код:
Здесь строка “Template Name:” нужна, чтобы wordpress распознал файл как индивидуальный шаблон, “shirokii” – это название вашего будущего индивидуального шаблона.
Sidebars подключаются в шаблоне вашей страницы с помощью следующего кода:
Находим данную строчку в коде и удаляем ее. В большинстве тем она должна быть в конце кода.
В принципе можно пропустить шаг 3 и шаг 4 данной статьи, и вы получите страницу без сайдбара, но текст не будет заходить на область бывшей боковой колонки (sidebar), то есть это будет выглядеть как то так:
Шаг 3. Изменение стиля страницы.
Чтобы текст отображался на всю ширину страницы, необходимо изменить его стиль оформления.
Для этого находим следующую строчку в коде:
То есть мы поменяли для блока div стиль оформления с content на contentshirokii (можете использовать и другое имя).
Теперь нам нужно создать данный стиль (contentshirokii) на нашем сайте.
Шаг 4. Создание стиля contentshirokii.
Для этого вам нужно войти в панель управления вашим сайтом, выбрать в левом меню пункт Внешний вид, далее подпункт Редактор.
После выбрать в правом меню из списка шаблонов файл style.css (в самом внизу списка) и открыть его.
Теперь у вас есть два пути:
1. либо создать стиль contentshirokii с “нуля”;
Для этого просто перейдите в конец кода файла style.css и вставьте следующий код:
Разберем здесь, что за что отвечает.
- Строка padding – задает отступ: слева, сверху, справа, снизу.
- Строка float – задает выравнивание: left – слева.
- Строка width – ширина содержимого страницы (текста): 850px – 850 пикселей, здесь опытным путем находите нужную ширину.
2. или же найти и скопировать существующий стиль оформления content , переименовать его в contentshirokii и внести в него изменения – увеличив ширину отображения текста.
У меня он выглядел так:
Копируем его и вставляем в конце файла style.css, далее меняем его название на contentshirokii, а также изменяем в нем параметр width:585 px на нужный вам (данный параметр ограничивает ширину вашего текста, благодаря которому текст статьи и не заходит на область бывшего нашего сайдбара). Параметр width можно установить опытным путем, я поменял его значение до 850 px.
После изменений нажимаем на кнопку “Обновить файл”.
Шаг 5. Сохраняем редактируемый файл page.php под другим именем и закачиваем его на сайт.
Все теперь сохраняем наш редактируемый файл, но не как page.php, а как shirokiishablon.php
Далее закачиваем его с помощью программы FileZilla на FTP-cервер вашего сайта в папку вашей текущей темы, то есть в нашем примере: /public_html/wp-content/themes/iGames (так как текущая тема в данном примере называется iGames).
Шаг 6. Подключаем созданный нами индивидуальный шаблон shirokii.
Теперь нам нужно выбрать страничку, на которой мы собираемся скрыть сайдбар, и применить к ней шаблон shirokii.
Для этого входим в панель управления вашим сайтом, выбираем в левом меню пункт Странички, далее подпункт Все страницы, выбираем нужную нам страничку, нажимаем на нее.
Далее находим справа поле “Атрибуты страницы” (если его у вас нет, то нажмите в правом верхнем углу на кнопку “Настройки экрана” и поставьте галочку напротив “Атрибуты страницы”) и в пункте Шаблон выбираем shirokii.
Далее нажимаем на кнопку Обновить страничку.
Заключение.
На самом деле, у вас не стоит выбор, быть или не быть. Вы вполне можете сочетать оба эти подхода. Зачастую на сайте, бывают статьи, где даже наличие рекламы не желательно. Это особенно касается сайтов коммерческой тематике.
Вы просто можете выбрать те страницы своего сайта, на котором вам не нужен сайдбар и удалить его именно с таких страниц.
FAQ
Как избавиться от боковой панели?
Для удаления боковой панели нужно перейти в настройки темы или виджетов вашего сайта. Затем найти опцию «боковая панель» и отключить ее.
Как убрать боковую панель со страницы одного товара?
Для убирания боковой панели со страницы одного товара, можно использовать плагин «Контроль видимости виджетов» или изменить код шаблона страницы одного товара, чтобы убрать виджет «боковая панель».
Как отредактировать боковую панель в WordPress?
Чтобы отредактировать боковую панель в WordPress, нужно перейти в меню «Виджеты» в панели администратора. Затем найти виджет «боковая панель» и нажать на кнопку «редактировать», чтобы изменить его содержимое или настройки.
Как удалить виджет из WordPress?
Чтоб удалить виджет из WordPress, нужно перейти в меню «Виджеты» в панели администратора. Найти нужный виджет и нажать на кнопку «удалить» или перетащить его в корзину. Удостоверьтесь, что виджет не используется в других местах на вашем сайте, прежде чем его удалять. После удаления не забудьте сохранить изменения.