Плагин custom sidebars как настроить

WordPress.org

Русский

Easy Custom Sidebars

Описание

Our new WordPress theme is almost ready! Want to know when we launch? Awesome! Visit our website and enter your details and we will e-mail you as soon as we are ready 🙂

• Replace any sidebar in your theme.
• Replace multiple sidebars on the same page.
• Compatible with any theme and no coding is required.

The documentation for this plugin can be found here.

What does this plugin do?

• This plugin allows you to replace any sidebar/widget area in any WordPress theme (no coding required).
• You are able to replace multiple sidebars/widget areas on the same page.
• It allows you to manage your custom sidebar replacements in the WordPress Admin area.
• Allows you to apply the same sidebar replacement across all posts / all pages / all taxonomies / all custom post types with the click of a button.
• It also automatically detects any type of content in your theme: e.g. custom post types / pages / posts and allows you to replace any widget areas that exist on those pages.
• Automatic theme style detection: detects your themes styles and styles any custom sidebar replacements to match your theme styles. (no CSS styling required).

Plugin Features

• Create Unlimited Custom Sidebar Replacements: Replace widget areas on any page on your website.
• Activate/Deactivate Custom Sidebars with the click of a button.
• Works with any WordPress Theme that has any widget areas.
• Core WordPress Design: the admin area looks like its part of WordPress.
• New Admin Screen: React and WordPress REST API powered admin screen.
• Customizer Integration: Any sidebar replacements that you create will appear in the customizer for you to manage.
• Ajax Search: Easily find the page/post that contains the widget area you are looking to replace.
• Strong Usability Testing:x The UI has been designed with a UX first design.

Who is this Plugin ideal for?

• Anyone who is looking for an easy way to replace sidebars / widget areas without coding.
• Theme Authors: you can use this pluin to add unlimited sidebar functionality to your theme.
• Great for use on client projects or for use on existing websites with limited sidebars.

Developer Features

Please note: We are currently working on producing in-depth documentation for theme developers which will be available shortly.

• Cross Browser and Backwards Browser Compatible (Tested in all major browsers).
• Seamless WordPress Integration: Live preview is integrated into the WordPress Customizer and the settings page follows core WordPress design guidelines.
• Uses React and the WordPress REST API for an enhanced admin experience.

Credits and Donation

If you have found this plugin useful please donate here

Скриншоты

• Here is a theme with the default sidebar, we can replace this sidebar without writing a single line of code.
• Here is the same page but now we have replaced the default sidebar with our own. You can apply widget area replacements to a single page or across all pages/categories etc.
• Create new sidebars quickly in an easy to use admin interface.
• Choose where to apply your replacement. Show your sidebar on any/all posts/pages/categories/templates (and much more!).
• Manage the widgets for your custom sidebar on the native widgets screen. Integrates seamlessly with the WordPress admin area.
• Seamlessly integrates into the customizer so that you can manage your sidebars in realtime!
• Quickly manage all of your custom sidebars on the manage sidebar replacements screen.

Установка

This section describes how to install the plugin and get it working.

1. Скачать плагин
2. Unzip the package and upload to your /wp-content/plugins/ directory or upload in the admin area.
3. Log into WordPress and navigate to the «Plugins» panel.
4. Activate the plugin labeled «Easy Custom Sidebars».
5. You’re done!

Часто задаваемые вопросы

For a quick video demo please view the plugin demo here!.

The documentation for this plugin can be found here.

Источник

WordPress.org

Custom Sidebars – Dynamic Sidebar Widget Area Manager

Description

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 activated the plugin will work the same as before.

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 allows you to 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.

Screenshots

• 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.

Installation

There are two ways of installing the plugin:

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.

Why can’t I see a widget menu?

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!

Where do I set my sidebars up?

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

Why do I get a message ‘There are no replaceable sidebars selected’?

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.

Everything is working properly on Admin area, but the custom sidebars are not displayed on the site. Why?

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.

It appears that only an Admin can choose to add a sidebar. How can Editors (or any other role) edit customs sidebars?

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!

Источник

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

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

Показатель отказов – что это?

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

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

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

Юзабилити: ключ к снижению показателя отказов

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

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

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

Динамические (релевантные контенту) сайдбары

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

Скриншоты ниже демонстрируют различие между сайдбарами на сайте MarketingProfs.com.

Страница подкаста (скриншот А)

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

Страница статьи (скриншот B)

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

Как динамические сайдбары позволяют понизить показатель отказов

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

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

У The Washington Post одна из рубрик для рассылок называется Must Reads. Виджет появляется во всех статьях из этой рубрики.

С другой стороны, в статье из рубрики Tech в сайдбаре выводится виджет «Tech news email alerts», предназначенный для читателей, которых интересуют IT-истории.

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

Добавление релевантных виджетов в сайдбар

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

К примеру, вы создавали страницу продукта не только для того, чтобы вывести его особенности, преимущества и цены. Вы сделали это также с той целью, чтобы посетители покупали его или схожие, связанные продукты. Также вы можете показать высокие рейтинги продукта, лучшие отзывы, которые подтолкнут посетителя к покупке. Либо вы можете помочь посетителям связаться с менеджером, который уже ответит на все вопросы. Вне зависимости от того, что именно им требуется, вы должны показать им, как это сделать. Сайдбар является одним из лучших мест для размещения таких CTA-кнопок. Следовательно, сайдбар – мощный инструмент для удержания посетителей на сайте.

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

Убираем ненужные виджеты

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

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

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

Акцентируем внимание на важных виджетах

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

Следующий шаг: выбираем лучшие методы

Теперь, когда мы обсудили важность использования «правильных» виджетов, пришла пора перейти к созданию таких релевантных сайдбаров. Вот 2 способа это сделать:

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

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

Плагин Widget Options в данный момент имеет более 70 000 активных установок с рейтингом 5 из 5. Вы можете скачать его из хранилища плагинов WordPress или найти его в панели инструментов WordPress в разделе «Плагины – Добавить новый».

Скрываем виджеты на определенной странице

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

Ограничение виджетов для определенных записей

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

Чтобы найти ID поста, перейди к записи, наведите курсор мыши на параметр «Edit Post» («Редактировать запись»), но не нажимайте! В левом нижнем углу браузера вы увидите ID записи.

Дальше вы уже можете редактировать условные теги.

Скрываем виджет из нескольких постов:

Скрываем виджет из отдельного поста:

В виджете, который вы хотите скрыть для записи/записей, перейдите на вкладку Logic и введите тег, как показано ниже.

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

Скрываем виджеты для мобильных устройств

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

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

К примеру, нам может понадобиться, чтобы подписка на email-рассылку отображалась как в сайдбаре, так и в футере. С другой стороны, при просмотре с мобильных устройств нам лучше избавиться от дублируемых виджетов. Widget Options позволяет скрывать виджеты в мобильном представлении.

Делаем виджеты сайдбара фиксированными

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

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

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

Второй способ: добавление произвольных сайдбаров

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

Для начала вам нужно будет зарегистрировать виджетизированную область. Затем сохраните ее и загрузите на сервер, чтобы сделать ее доступной из меню виджетов. Для этого вам нужно будет ввести следующий код в function.php дочерней темы. Либо вы можете использовать бесплатный плагин, такой как Code Snippets.

Он поставляется с несколькими элементами, которые вы можете скорректировать в соответствии со своими потребностями. Посмотрите на следующий пример:

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

Для этого мы помещаем код в page.php нашей темы. В случае с темой Twenty Seventeen код будет выглядеть следующим образом:

Ваша очередь: как вы боретесь с показателем отказов?

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

Использовали ли вы динамические сайдбары или виджеты WordPress на своем сайте? Если да, то какие были результаты?

Источник