Сайдбар wordpress: Сайдбары в WordPress, регистрация сайдбаров, примеры

Как отображать разные Сайдбары для разных Записей и Страниц в WordPress (через плагин)

Больше результатов…

Сайдбар — это область боковой панели на сайте, где обычно отображаются ваши виджеты, баннеры, поисковая строка и социальные кнопки.

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

Смотрите также:

• Сайдбары в WordPress: Что это такое и какие они бывают
• Сайдбары в WordPress: правила хорошего дизайна
• Как настроить свои сайдбары в Записях и Страницах
• Как отображать разные сайдбары для отдельных Записей и Страниц
• Советы и плагины по управлению сайдбаром в WordPress
• Как использовать шорткоды в виджетах сайдбара на WordPress

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

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

Приступим!

Зачем нужны разные Сайдбары в WordPress?

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

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

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

Плагин Easy Custom Sidebars

Настроить разные сайдбары в WordPress очень просто с бесплатным плагином Easy Custom Sidebars:

После установки и активации плагина перейдите в меню Внешний вид → Theme Sidebars, чтобы создать свой новый сайдбар:

Для начала задайте имя для своего сайдбара и нажмите Create Sidebar.

Плагин создаст новый сайдбар, и вы сможете настроить его остальные параметры:

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

Далее вам нужно указать, где именно вы хотите отобразить свой новый сайдбар взамен стандартного старого. Слева в колонке вы увидите на выбор: записи, страницы, рубрики, метки и т.д.

Просто выберите из раскрывающейся области, где вы хотите разместить новый сайдбар, и нажмите Add to Sidebar:

Например, вы выбрали Записи (Posts). Далее вы можете проставить галочки для конкретных записей. Для удобства вы можете найти нужные записи по их заголовку, используя вкладку Search.

Когда отметите все нужные записи, не забудьте нажать кнопку Add to Sidebar и Save.

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

Добавление виджетов для нового сайдбара

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

Перейдите в меню Внешний вид → Виджеты и вы увидите, что у вас теперь 2 сайдбара: ваш старый и новый, который вы только что создали:

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

На этом все! Мы показали, как с помощью бесплатного плагина создавать и отображать разные Сайдбары для разных Записей и Страниц в WordPress.

Источник: wpbeginner.com

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Подпишитесь на еженедельный дайджест про WordPress

Custom Sidebars — Dynamic Sidebar Widget Area Manager — Плагин для WordPress

• Детали
• Отзывы
• Установка
• Поддержка
• Разработка

Manage and replace sidebars and other widget areas on your site with Custom Sidebars, a flexible widget area manager.

Make custom sidebar configurations and be able to choose what widgets display on each page or post of your site.

Need to make a widget sticky or fixed? Try our free WP Sticky Anything plugin.

Custom Sidebars works ONLY with the classic widgets screen that was used in WordPress before version 5.8. If you want to use it with version 5.8 (and above) you have to install the official Classic Widgets plugin, or enable the classic widgets interface yourself. Once the classic widgets screen is activated the plugin will work the same as before.

Having problems setting up SSL or generating an SSL certificate? Install the free WP Force SSL plugin.

Display Different Sidebars on Pages and Posts

Custom Sidebars allows you to dynamically display custom widget configurations on any page, post, category, post type, or archive page.

★★★★★

«Custom Sidebars will go on my «essential plugins» list from now on.

I am pleased by how easy it was to figure out and by how many options are available in the free version.» — monkeyhateclean

★★★★★

«This plugin does exactly what it says. It’s light, integrates well into WordPress and gives you tons of possibilities.» — DarkNova

Every part of Custom Sidebars integrates seamlessly with the Widgets menu for simplicity and control. No confusing settings pages or added menu items, just simple core integration.

A Simple Flexible Sidebar Manager

** Custom Sidebars Includes: **
* Unlimited custom widget configurations
* Set custom widgets for individual posts and pages, categories, post types, and archives

* Seamless integration with the WordPress Widgets menu
* Works with well-coded themes and doesn’t slow down your site
* Set individual widget visibility – for guests, by user role, by post type, for special pages or categories
* Author specific sidebars – display a custom sidebar for each of your authors
* Clone and sync widget settings – quickly edit complex configurations
* Import and export custom sidebars – backup and share sidebars

Install Custom Sidebars and see for yourself why it’s the most popular widget extension plugin available for WordPress with over 200,000 active installs.

Contact and Credits

Original development completed by Javier Marquez.

• Set custom sidebars for individual posts and pages or by category, post-type, or archive.
• Create new sidebars without confusing settings.
• Integrates with WordPress core Widgets menu.

There are two ways of installing the plugin:

From the WordPress plugins page

1. Download the plugin, extract the zip file.
2. Upload the custom-sidebars folder to your /wp-content/plugins/ directory.
3. Active the plugin in the plugin menu panel in your administration area.

From inside your WordPress installation, in the plugin section.

1. Search for custom sidebars plugin.
2. Download it and then active it.

Once you have the plugin activated you will find all new features inside your «Widgets» screen! There you will be able to create and manage your own sidebars.

This plugin requires your theme to have widget areas enabled, if you don’t have widget areas enabled you probably need to use a different theme that does!

You have a sidebar box when editing a entry. Also you can define default sidebars for different posts and archives.

You can create all the sidebars you want, but you need some sidebars of your theme to be replaced by the ones that you have created. You have to select which sidebars from your theme are suitable to be replaced in the Custom Sidebars settings page and you will have them available to switch.

You are probably using a theme that doesn’t load dynamic sidebars properly or doesn’t use the wp_head() function in its header. The plugin replaces the sidebars inside that function, and many other plugins hook there, so it is more than recommended to use it.

Any user that can switch themes, can create sidebars. Switch_themes is the capability needed to manage widgets, so if you can’t edit widgets you can’t create custom sidebars. There are some plugins to give capabilities to the roles, so you can make your author be able to create the sidebars. Try User role editor

Can I use the plugin in commercial projects?

Custom Sidebars has the same license as WordPress, so you can use it wherever you want for free. Yay!

Easy setup and desired result. WebFactory — THANK YOU!!!

Custom sidebars is great plugin, but I got a notice that «Custom Sidebars plugin is NOT compatible with the new widgets edit screen (powered by Gutenberg). Install the official Classic Widgets plugin if you want to continue using it» when I update WordPress 5.

8 version. Does anyone also have this notice? and is there any effect? I use Flatsome Theme, and everything still looks good.

This is a really perfect tool. Works without any problems didn’t have any installation or configuration problems.

Really easy to use and set up. But unfortunately it didn’t replace the default sidebar on the page I needed it for. I used the new sidebar feature on the back end and it appeared there, but not seen on the front end.

Works great, helped us to resolve issue with multiple custom sidebars. Tested in combination with https://wordpress.org/plugins/page-list/ Thanks a lot for nice plugin.

One of the best plugin I have ever installed. Support is great!

Посмотреть все 1 024 отзыва

«Custom Sidebars — Dynamic Sidebar Widget Area Manager» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

• WebFactory

«Custom Sidebars — Dynamic Sidebar Widget Area Manager» переведён на 8 языков. Благодарим переводчиков за их работу.

Перевести «Custom Sidebars — Dynamic Sidebar Widget Area Manager» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

3.35

• 2022-01-11
• Improved the classic widgets screen detection — «Classic Widgets» plugin is no longer necessary if you add appropriate filters via some other plugin or theme

3.32

• 2021-07-18
• Added notice for WP 5.8

3.31

• 2021-01-30
• Minor fixes
• Added action link to plugins table

3.3

• 2021-01-13
• Minor fixes
• WebFactory took over development

3.2.4

• Added deprecation notice

3.2.3

• Added «custom_sidebars_allowed_pages_array» filter to allow pages where Custom Sidebars can be loaded.
• Fixed problem with double function declaration when Gutenberg is in use.
• Removed «Sidebar Location» from build-in/theme sidebars to avoid misunderstandings.
• Updated «WPMU Dev code library» to version 3.1.0.

3.2.2

• Fixed a unclosed A tag.

3.2.1

• Fixed a problem with sidebar replacement on front page.

3.2.0

• Added ability show/hide widgets depend on screen size, using CSS media queries.
• Added integration with «WP Multilang» — now you can choose a sidebar to depend on «WP Multilang» language.
• Allow using categories and tags for pages.
• Improved plugin initialization now, plugin classes are loaded only on necessary admin pages.
• Improved UX for Custom Sidebars Metabox on special pages: «Front Page», «Blog Page» and «WooCommerce Shop Page».
• Updated «WPMU Dev code library» to version 3.0.9.

3.1.6

• Fixed an export problem on PHP 5.2, json_encode() have only one parameter.

3.1.5

• Fixed a problem with saving an entry sidebars replacement.
• Added ability to allow change sidebars by an entry author.

3.1.4

• Fixed a problem with widgets display on IE11.
• Handle custom taxonomies.
• Updated «WPMU Dev code library» to version 3.0.6.

3.1.3

• Added version to scripts, to avoid browser cache problem.
• Fixed problems with widgets alignment on mobiles.
• Improved custom sidebar edit modal, now it remembers «Advanced Edit» status.
• Load JavaScript templates only on the widgets page.

3.1.2

• Added integration with Polylang — now you can choose sidebar depend on Polylang language.
• Added integration with WPML — now you can choose sidebar depend on WPML language.
• Added check to avoid warnings when user delete term which is assigned to «Sidebar Location».
• Updated «WPMU Dev code library» to version 3.0.5.

3.1.1

• Improved assets directories.
• Improved widgets on very small screens.
• Fixed bulk edit problem with resetting sidebars.
• Fixed few notices on import screen.

3.1.0

• Added a quick and a bulk edit to custom post types.
• Added nonce check for set location, import & export actions to avoid CSRF vulnerability.
• Fixed a problem with getting sidebars settings for nested pages with more than 2 levels.
• Fixed a problem with widget visibility on taxonomy archive page.
• Fixed a typo on Import/Export screen.

3.0.9

• Added ability to turn off «Custom Sidebars» for certain roles.
• Fixed a problem with a category, category archive, and post in category replacement.
• Fixed a problem with removed «Category Archive» from «For Archives» options.
• Fixed build in taxonomies problem on «Sidebar Location» edit window.

3.0.8.1

• Fixed CSRF vulnerability. Props for qasuar.

3.0.8

• Added bulk sidebars edit.
• Fixed category archive and entry in category replaceable.
• Visibility of «Custom Explain» link is limited only to front-end.

3.0.7.1

• Fixed visibility of Custom Explain — now it is visible only for administrators.

3.0.7

• Added ability to replace sidebars for category archive.
• Added ability to replace sidebars for custom taxonomy archive.
• Added ability to turn on Custom Sidebars Explain mode from Admin Bar.
• Fixed a replacement problem on 404 pages.
• Improved «Sidebar Location» popup — added a message when we do not have any replaceable sidebar.
• Refactored «Column Sidebars» on post list screen.

3.0.6

• Added width to «Custom Sidebars» column on entries list screen to avoid uncontrolled column width.
• Added ability to add new sidebar using the only keyboard, after you fill name just push enter to move to the description field. Hit enter on description field to add a new sidebar.
• Fixed «WPMUDEV Frash» message for pro version.

3.0.5

• Improved columns display on post list screen — now «Custom Sidebars» column is hidden by default.
• Prevent to load assets on front-end.
• Updated «WPMU Dev code library» to version 3.0.4.
• Fixed a CSS glitch on media library.
• Fixed a JavaScript conflicting with CiviCRM plugin.
• Fixed a problem with taxonomies.

3.0.4

• Improved «Create a custom sidebar to get started.» box.
• Upgraded «WPMU Dev code library» to version 3.0.3.
• Fixed a problem with empty taxonomies, now we can see all taxonomies, including empty.
• Fixed fetching posts.
• Fixed a problem on the Customizer page — removed clone option.
• Fixed Widgets Screen for Right to Left languages.

3.0.3

• Removed WP Checkup banner.

3.0.2

• Fixed compatibility issue with uBlock Origin and AdBlock Plus.
• Fixed getting started box not appearing.

3.

0.1.0

• Added the «Create custom sidebar to get started.» box.
• Fixed a problem with the link to disable accessibility mode.
• Fixed UX problem with «plus» icon on visibility options.
• Show advertising for «WP Checkup» in the whole admin area.

3.0.0.1

• Fixed a problem with wp_enqueue_script() which was called too early.
• Fixed a problem with advertising, which should stay close when you close it.

3.0.0.0

• Fixed a conflicting with other plugins.
• Improved functionality, free and pro versions have now the same functionality. The only difference is that the free version includes ads.

2.1.2.0

• Fixed a problem with empty selectors.
• Remove unnecessary HTTP header — it is only needed when we run cs-explains.
• Update Dash notice.

2.1.1.9

• Fixed export problem, when two or more widget has the same name.
• Fixed problem with import widgets created before Custom Sidebars plugin was installed.
• Fixed problem with sidebars on Front Page.

2.1.1.8

• Added support and widgets links on the plugins page.
• Fixed export problem, when two or more widget has the same name.
• Fixed few «Undefined index» warnings.
• Improved import preview screen.
• Improved RTL languages on widgets screen.

2.1.1.7

• Rollback last change with front page.

2.1.1.6

• Fixed a bug when we try to use to get property of non-object in «maybe_display_widget()».
• If front page is a page, then we have now the same rules like we have on on page.

2.1.1.5

• Added new filter «cs_replace_post_type» to filter post type inside function «determine_replacement()».

2.1.1.4

• Fixed problem with sorting and filtering.

2.1.1.3

• Added check if there the function mb_strtolower().

2.1.1.2

• Sidebars are now sorted by name.

2.1.1.1

• Fixed a problem with unclickable items on widgets admin screen.

2.1.1.0

• Fixed undefined index in Sidebars Editor.

2.1.0.9

• Fixed issue with broken link icon for cloned widgets.

2.1.0.8

• Small improvements in the admin UI: Better scrolling, fix JavaScript errors and PHP notices.
• Update third party libraries.
• Small improvements in code.

2.1.0.4

• Fix missing text-domain in translation.

2.1.0.3

• Fix incompatibility with PopUp plugin.

2.1.0.2

• Close possible security hole (XSS vulnerability).

2.1.0.1

• Fix incompatibility with PopUp plugin.

2.1.0.0

• Fixed: Sidebars could not be created on certain webserver setups.

2.0.9.9

• Fixed: Minified CSS files included now.

2.0.9.8

• Better: Add context-guide how to changes settings for static front-page.

2.0.9.7

• New: Assign a Sidebar to 404 pages via the Sidebar Location dialog.

2.0.9.6

• Fixed: In some browsers the «Add sidebar» popup was partially hidden.
• Fixed: Sometimes the dropdown list of a multiselect list stayed open.
• Fixed: Plugin now correctly loads the .po files to translate to other languages.
• Some other small improvements.

2.0.9.4

• Fixed: For some users the plugin was not loading anymore after updating to 2.0.9.1.

2.0.9.3

• Fixed: Z-index issue in Dashboard where wide widgets where covered by the main-menu.
• Fixed: Added compatibility for static front-page sidebars with version 2.0.9.

2.0.9.2

• Fixed: Sidebar Locations «Front Page» and «Post Index» now work correctly.

2.0.9.1

• Fixed: Sidebars now support unicode-text in name/description.
• Minor: New debugging output that explains why a sidebar/widget is displayed.

2.0.9

• Fixed: Fixed issue with WP sidebar chooser right after creating a new sidebar.
• Fixed: Fixed various issues when flagging a sidebar s replaceable.
• Fixed: Plugin will not load in accessibility mode but display a notice instead.
• Minor fix: Make code compatible with PHP 5.2.4.
• Minor fix: Slight improvement of AJAX stability.
• Minor fix: Plugin now requires capability «edit_theme_options».

2.0.8

• Fixed: Fixed issue with settings not being saved correctly.

2.0.7

• Fixed: Fixed issue with some people losing some sidebar settings after update.

2.0.6.1

• Minor fix: Use WordPress core functions to get URL to JavaScript files.
• Minor fix: Refactor function name to avoid misunderstandings.

2.0.5

• Fixed: Meta box in post editor did show missing sidebars (e.g. after switching the theme).
• Fixed: PHP warning about strict standards.

2.0.3

• Fixed: JavaScript errors on Windows servers are fixed.

2.0.2

• Fixed: Dashboard notification is now removed when clicking «dismiss».

2.0.1

• PHP 5.2 compatibility layer.

2.0

• Complete UI redesign!
• Many small bugfixes.

1.6

• Added: WordPress filter «cs_sidebar_params» is called before a custom sidebar is registered.
• Added: Add setting «CUSTOM_SIDEBAR_DISABLE_METABOXES» in wp-config.php to remove custom-sidebar meta boxes.

1.5

• Added: Custom sidebars now works with BuddyPress pages.

1.4

• Fixed: Individual post sidebar selection when default sidebars for single posts are defined.
• Fixed: Category sidebars sorting.
• Added: WP 3.8 new admin design (MP6) support.

1.3.1

• Fixed: Absolute paths that leaded to the outdated browser error.
• Fixed: Stripped slashes for the pre/post widget/title fields.

1.3

• Fixed: A lot of warnings with the PHP debug mode on.
• Improved: Styles to make them compatible with WP 3.6.
• Fixed: Creation of sidebars from the custom sidebars option.
• Fixed: Missing loading icons in the admin area.
• Removed: Donate banner. Thanks to the ones that have be supporting Custom Sidebar so far.

1.2

• Fixed: Searches with no results shows default sidebar.
• Added: RTL support (thanks to Dvir http://foxy.co.il/blog/).
• Improved: Minor enhancements in the interface to adapt it to WordPress 3.x.
• Fixed: Slashes are added to the attributes of before and after title/widget.

1.1

• Fixed: Where lightbox not showing for everybody (Thanks to Robert Utnehmer).
• Added: Default sidebar for search results pages.
• Added: Default sidebar for date archives.
• Added: Default sidebar for Uncategorized posts.

1.0

• Fixed: Special characters make sidebars undeletable.
• Added: Child/parent pages support.
• Improved interface to handle hundreds of sidebars easily.
• Added: Ajax support for creating an editing sidebars from the widget page.

0.8.2

• Fixed: Problems with Spanish translation.
• Fixed: Some CSS issues with WordPress 3.3.

0.8.1

• Fixed: You can assign sidebars to your pages again.

0.8

• Fixed: Category hierarchy is now handled properly by the custom sidebars plugin.
• Added: Sidebars can be set for every custom post type post individually.
• Improved the way it replace the sidebars.
• Improved some text and messages in the back-end.

0.7.1

• Fixed: Now the plugin works with themes like Thesis that don’t use the the_header hook. Changed the hook where execute the replacement code to wp_head.
• Fixed: When a second sidebar is replaced with the originally first sidebar, it is replaced by the first sidebar replacement instead.

0.7

• Fixed: Bulk and Quick editing posts and pages reset their custom sidebars.
• Changed capability needed to switch_themes, and improved capability management.

0.6

• New interface, more user friendly.
• Added the possibility of customize the main blog page sidebars.
• Added the sidebars by category, so now you can personalize all the post that belongs to a category easily in a hierarchical way.
• Added the possibility of customize the authors page sidebars.
• Added the possibility of customize the tags page sidebars.
• Added, now it is possible to edit the sidebars names, as well as the pre-widget, post-widget, pre-title, post-title for a sidebar.
• Added the possibility of customize the sidebars of posts list by category or post-type.

0.5

• Fixed a bug that didn’t allow to create new bars when every previous bars were deleted.
• Fixed a bug introduced in v0. 4 that did not allow to assign bars per post-types properly.
• Added an option to remove all the Custom Sidebars data from the database easily.

0.4

• Empty sidebars will now be shown as empty, instead of displaying the theme’s default sidebar.

0.3

• PHP 4 Compatible (Thanks to Kay Larmer).
• Fixed a bug introduced in v0.2 that did not allow to save the replaceable bars options.

0.2

• Improved security by adding wp_nonces to the forms.
• Added the pt-widget post type to the ignored post types.
• Improved i18n files.
• Fixed screenshots for documentation.

0.1

• Релиз первой версии плагина.

Мета

• Версия: 3.35
• Обновление: 5 месяцев назад
• Активных установок: 200 000+
• Версия WordPress: 4.6 или выше
• Совместим вплоть до: 6. 0.3
• Версия PHP: 5.6 или выше
• Языки:

  Dutch, English (UK), English (US), German, Japanese, Polish, Spanish (Ecuador), Spanish (Spain) и Spanish (Venezuela).

  Перевести на ваш язык

• Метки:

  custom sidebardynamic widgetssidebarwidget

• Дополнительно

Оценки

Посмотреть все

• 5 звёзд 902
• 4 звезды 52
• 3 звезды 10
• 2 звезды 14
• 1 звезда 46

Войдите, чтобы оставить отзыв.

Участники

• WebFactory

Поддержка

Решено проблем за последние 2 месяца:

0 из 5

Перейти в форум поддержки

Как добавить и удалить боковую панель в вашем блоге WordPress

Хотя высококачественные сообщения являются основой любого успешного веб-сайта блога, большинству писателей необходимо сделать немного больше, чтобы расширить свою читательскую базу. Зайдите на любой известный веб-сайт блога, и вы увидите, что большинство элементов страницы помогают повысить вовлеченность, включая формы, кнопки «Поделиться» и ссылки на другие сообщения в блоге.

Вы также можете заметить, где хранятся многие из этих элементов страницы: боковая панель.

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

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

Что такое боковая панель блога?

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

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

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

Дизайн боковой панели блога WordPress

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

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

Подписка по электронной почте

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

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

О себе/Био

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

Этот раздел должен быть кратким и оставлять место для другого содержимого боковой панели. Подумайте также о том, чтобы разместить ссылку на полную страницу «О нас» для тех, кто хочет узнать больше, а также контактную информацию или контактную форму для связи.

Самые популярные сообщения в блоге

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

Похожие сообщения в блоге

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

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

Недавние сообщения в блоге

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

Список категорий

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

Меню навигации

Меню навигации веб-сайтов обычно размещаются в заголовках сайтов WordPress. Тем не менее, вы можете обнаружить, что размещение некоторых навигационных ссылок на боковой панели — или перемещение всего меню навигации на боковую панель — лучше подходит для вашего дизайна. Подумайте о том, чтобы провести несколько A/B-тестов в WordPress, чтобы увидеть, какое расположение меню вызывает больше кликов.

Панель поиска

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

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

Кнопки социальных сетей

Социальные сети — один из лучших каналов для продвижения ваших текстов и расширения аудитории. Ссылаясь на свои профили в социальных сетях, таких как Facebook и LinkedIn, вы можете предоставлять читателям обновления на тех веб-сайтах, которые они часто посещают. Вы также можете добавить кнопку, позволяющую посетителям делиться вашим сообщением в своих учетных записях в социальных сетях.

Призывы к действию

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

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

Монетизация

Расходы на ведение блога WordPress могут быстро сложить расходы на хостинг, домены, безопасность и премиум-плагины — все это отнимает часть вашего бюджета. Один из способов компенсировать эти расходы и даже получить прибыль от независимого блога — разместить медийную рекламу в области боковой панели. Google AdSense, а также несколько других рекламных сетей позволяют встраивать рекламные модули с оплатой за клик в боковую панель с помощью пользовательского HTML-виджета WordPress.

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

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

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

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

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

Чтобы создать боковую панель с помощью настройщика WordPress:

1. На панели инструментов WordPress выберите Внешний вид > Настройщик .

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

3. Нажмите Добавить виджет и выберите виджет в меню. Виджет будет добавлен в ваш список активных виджетов на левой панели и в режиме предварительного просмотра.

4. Настройте параметры виджета. Когда закончите, нажмите Готово . Нажмите Удалить , чтобы удалить ненужный виджет.

5. Добавьте столько виджетов на боковую панель, сколько хотите. Чтобы изменить порядок виджетов, щелкните и перетащите виджет в новое место на левой боковой панели или щелкните Изменить порядок и измените порядок виджетов с помощью кнопок со стрелками вверх/вниз.

6. Когда закончите, нажмите Опубликовать .

Чтобы создать боковую панель на странице виджетов:

1. На панели инструментов WordPress выберите Внешний вид > Виджеты . На странице Widgets вы увидите все доступные виджеты с левой стороны. Если ваша тема поддерживает боковые панели, справа вы увидите параметр Sidebar .

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

3. Настройте параметры виджета. Когда закончите, нажмите Готово или Сохранить . Нажмите Удалить , чтобы удалить ненужный виджет.

4. Добавьте столько виджетов на боковые панели, сколько хотите, затем просмотрите изменения.

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

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

В этом случае удалить боковую панель с вашего сайта WordPress очень просто — вот как это сделать в настройщике и на панели инструментов:

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

1. Из панели управления WordPress , выберите Внешний вид > Настройщик .

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

3. Откройте первый виджет в списке, щелкнув значок со стрелкой вниз, затем выберите Удалить . Виджет исчезнет с боковой панели в окне предварительного просмотра.

4. Повторите шаг 3 для всех виджетов на боковой панели. Как только все виджеты будут очищены, боковая панель исчезнет из предварительного просмотра.

Чтобы удалить боковую панель со страницы виджетов:

1. На панели инструментов WordPress выберите Внешний вид > Виджеты .

2. Откройте раскрывающийся список Боковая панель , которую вы хотите удалить со своего сайта.

3. Откройте первый виджет на боковой панели и нажмите Удалить .

4. Повторите шаг 3 для всех виджетов на боковой панели. Как только все виджеты будут очищены, боковая панель будет удалена с ваших страниц.

Улучшите свой блог WordPress с помощью боковой панели

Хотя боковые панели могут работать не на каждом блог-сайте, сегодня они являются основой многих блогов и, вероятно, никуда не денутся. С виджетами WordPress легко тестировать и реорганизовывать боковые панели на лету.

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

Темы: Веб-сайт WordPress

Не забудьте поделиться этим постом!

Добавьте меню навигации на боковую панель в WordPress

В зависимости от целей вашего веб-сайта область боковой панели вашего сайта WordPress может быть полезным пространством для дополнительной навигации по сайту. Традиционно боковая панель WordPress зарезервирована для навигации по блогам — здесь размещены ссылки на категории, теги и архивы вашего блога, чтобы посетители веб-сайта могли легко искать ваш контент.

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

Кроме того, с помощью плагина вы даже можете создавать собственные навигационные боковые панели для отдельных страниц вашего сайта. Например, у вас может быть настраиваемая боковая панель для страницы «О нас» и другая настраиваемая боковая панель для страницы с услугами, каждая из которых содержит конкретные ссылки на соответствующие категории блога и/или дополнительные страницы, чтобы помочь посетителям вашего веб-сайта сфокусироваться на путешествии.

Продолжайте читать, чтобы узнать, как:

• Добавить меню навигации на боковую панель в WordPress
• Создание настраиваемых меню навигации боковой панели на странице
  • Пользовательские боковые панели — диспетчер области динамических виджетов
  • Боковые панели с учетом содержимого — неограниченные области виджетов

Наслаждайтесь бесплатным безопасным хостингом, оптимизированным для вашего веб-сайта WordPress, с нашими планами хостинга WordPress.

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

1. Войдите в панель управления WordPress.
2. Перейдите к Внешний вид>Виджеты
3. Найдите Меню навигации в разделе Доступные виджеты , затем перетащите его на Боковую панель Область виджетов
4. Добавьте меню для навигации из раскрывающегося списка
5. Нажмите Сохранить

Создать настраиваемое меню навигации боковой панели на страницу 

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

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

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

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

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

На момент написания этого обзора этот плагин версии 3.2.3 был протестирован до версии WordPress 5.4.2 и обновляется каждые 1-3 месяца.

• Установите и активируйте плагин с панели управления WordPress.
• Создайте новую боковую панель в области «Внешний вид»> «Виджеты» на панели инструментов.
• Назовите новую боковую панель из той же области.
• Легко укажите, где на вашем веб-сайте будет располагаться новая боковая панель.
• Перетаскивайте элементы виджета, как обычно.

Боковые панели с учетом содержимого — неограниченные области виджетов

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

После установки и активации плагина на панели инструментов появится отдельная область для создания и настройки новых боковых панелей. Вы найдете его в левом меню приборной панели с пометкой 9.0093 Поддержка контента . После нажатия Content Aware>Add New плагин проведет вас по своим функциям, научив вас создавать пользовательскую боковую панель.

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

Однако, если вы хотите еще больше возможностей, рассмотрите версию Pro. За 49 долларов США вы можете пользоваться дополнительными функциями, такими как закрепленная боковая панель, отображение боковой панели после просмотра определенного процента страницы, клонирование боковой панели и дополнительные параметры условного форматирования и планирования.

На момент написания этого обзора этот плагин версии 3.12.2 был протестирован до WordPress 5.4.2 и обновляется каждые 1-3 месяца.

• Установите и активируйте плагин Content Aware Sidebar.
• Content Aware предоставляет пользователям обзор после активации.
• Создайте новую боковую панель и добавьте условия на вкладке условий.
• Укажите, где будет располагаться боковая панель и заменит ли она другую боковую панель на вкладке действий.