Як додати додатковий sidebar для віджетів WordPress? Нові сайдбари Супер плагін 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 able to choose what widgets display on all page or post of your site.

Display Different Sidebars on Pages and Posts

Custom Sidebars дозволяє вам динамічно відтворити custom widget configurations на будь-якій сторінці, post, категорії, post type, або archiv page.

Custom Sidebars дозволяє вам відтворити custom widget configurations на будь-яку page, post, category, post type, або archiv page.

“Custom Sidebars will go on my “ssential plugins” list from now on. I am pleased by як easy it був наведений на основі і як багато options є available in the free version.” -

“Ці plugin does exactly what it says. It's light, integrates well into WordPress and gives you tons of possibilities.” -

Більшість частинок Custom Sidebars integrats seamlessly with Widgets menu for simplicity and control. Чи не зволікають settings pages або 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 – відтворення 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.

Custom Sidebars Is Fully-Loaded

Якщо ви маєте багато функцій WordPress, run an agency, або за допомогою WordPress Management Services, Custom Sidebars є розроблений і підтримуваний командою в WPMU DEV. Get the same quality and support for all your WordPress needs when you become a member:

• for all things WordPress
• site performance optimization for unlimited sites
• for all your sites! (Not heard of her yet? She's our award winning image optimization plugin)
• security hardening
• backups including 10GB cloud backups
• site manager
• and with dedicated resources

Get Custom Sidebars for targeted marketing, better widgets for all level of your membership site, or just clean up bloated content on each page... then try all our our other .

Contact and Credits

Screenshots

Installation

Там є два способи налаштування plugin:

1. Download plugin, extract the zip file.
2. Використовувати custom-sidebars folder to your /wp-content/plugins/ directory.
3. Active plugin in plugin menu panel у вашій адміністрації.

З власного WordPress installation, в plugin section.

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

Once you have plugin activated you will find all new features inside your “Widgets” screen! Вони можуть бути створені і керувати своїми своїми головами.

FAQ

Why can't I see a widget menu?

Цей plugin потребує вашого теми, щоб мати widget areas enabled.

Where do I set my sidebars up?

Ви маєте sidebar box коли editing a entry. Також ви можете розпізнати більшу частину bars for different posts and archives.

Why do I get a message 'Ви можете не переміщувати sidebars selected'?

Ви можете створювати всі sidebars ви хочете, але ви повинні деякі sidebars з вашої теми, щоб replaced by ones that you have created. Ви маєте можливість вибрати які sidebars з вашої теми є доцільним, щоб бути переміщений в Custom Sidebars settings page and you will have them available to switch.

Всі це працює поряд з Admin area, але custom sidebars не розкладаються на сайті. Why? Це з'ясує, що тільки Admin може вибратися до sidebar. Чи можуть Editors (або будь-яка інша роль) edit customs sidebars?

Any user that can switch themes, can create sidebars. Switch_themes є здатність потрібна для управління widgets, якщо ви не можете edit widgets ви можете створити custom sidebars. Там є деякі модулі для реальних можливостей до ролей, так що ви можете зробити вашого автора, щоб бути здатним до створення sidebars. Try

Can I use the plugin в комерційних проектах?

Custom Sidebars має такий самий license як WordPress, так що ви можете використовувати це, де ви хочете безкоштовно. Яй!

Reviews

Прем'єра версії використана для роботи flawlessly але невідомо, як вони discontinued це і безкоштовно один не буде updated for past 8 місяців. Я був використовуючи це з Genesis framework, але останнім часом всі widget ідентифікатори з custom sidebars go missing so I мав до переimport them again from the backup. it happens randomly with no error log.

Порівняно з іншими модулями фільтрів є обмеженим. E.g. один може" define a sidebar which is displayed on pages, але not on the homepage.

Contributors & Developers

"Custom Sidebars - Dynamic Widget Area Manager" is open source software. Наслідуючи людей мають спричинити цей plugin.

Contributors

Changelog

3.2.3

• Додано “custom_sidebars_allowed_pages_array” filter to allow pages where Custom Sidebars can be loaded.
• Просимо проблему з двома функцією розвідки при Gutenberg is in use.
• Повернуто “Sidebar Location” з Build-in/Theme sidebars до avoid misunderstandings.
• Updated “WPMU Dev code library” до версії 3.1.0.

3.2.2

• Fixed a unclosed A tag.

3.2.1

• Вирішено проблему з sidebar replacement на front page.

3.2.0

• Added ability show/hide widgets depend on screen size, використовуючи CSS media queries.
• Додана integration with “WP Multilang” – зараз ви можете знайти на sidebar to depend on “WP Multilang” language.
• Дозволяє використовувати категорії та tags для сторінок.
• Improved plugin initialization now, plugin classes є loaded тільки на необхідні admin pages.
• Improved UX для Custom Sidebars Metabox на спеціальних сторінках: “Front Page”, “Blog Page” та “WooCommerce Shop Page”.
• Updated “WPMU Dev code library” до версії 3.0.9.

3.1.6

• Виконаний експортний запит на PHP 5.2, json_encode() має лише один параметр.

3.1.5

• Вирішено проблему з функціонуванням сторониобміну.
• Added ability to allow change sidebars by entry author.

3.1.4

• Вирішено проблему з widgets display on IE11.
• Handle custom taxonomies.
• Updated “WPMU Dev code library” до версії 3.0.6.

3.1.3

• Added version to scripts, to avoid browser cache problem.
• Вирішили проблеми з 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” до версії 3.0.5.

3.1.1

• Improved assets directories.
• Improved widgets on very small screens.
• Зміщений товстий edit проблему з переміщенням sidebars.
• Fixed few notices на import screen.

3.1.0

• Added quick and bulk edit to custom post types.
• Додано не check pro set location, import & export actions avoid CSRF vulnerability.
• Вирішено проблему з тим, щоб зробити sidebars settings for nested pages with more than 2 levels.
• Вирішили проблему з widget visibility на taxonomy archiv page.
• Fixed a typo on Import/Export screen.

3.0.9

• Додаткові можливості для керування “Custom Sidebars” для певних ролей.
• Вирішено проблему з категорії, категорії архіву, і повідомлення в категорії заміни.
• Вирішили проблему з вимкненою “Category Archive” від “For Archives” options.
• Вирішили будівництво в taxonomies проблему на “Sidebar Location” edit window.

3.0.8.1

• Змішана CSRF невдачливість. Props for.

3.0.8

• Added bulk sidebars edit.
• Фіксовані категорії архіву та введення в категорії замінюються.
• Переваги "Custom Explain" link is limited only to front-end.

3.0.7.1

• Знижена visibility of Custom Explain – now it is visible only for administrators.

3.0.7

• Додана здатність переміщатися на столи bars для категорії архіву.
• Додана здатність переміщатися на столи bars для custom taxonomy archive.
• Додаткові можливості для керування на Custom Sidebars Explain mode від Admin Bar.
• Fixed a replacement problem на 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.
• Додаткову здатність до нової sidebar використовуючи тільки клавіатуру, після вашого імені назви just push enter to move to description field. Hit enter on description field to add a new sidebar.
• Fixed “WPMUDEV Frash” message for pro version.

3.0.5

• Надруковані 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” до версії 3.0.4.
• Fixed a CSS glitch on media library.
• Вирішено JavaScript conflicting with CiviCRM plugin.
• Вирішено проблему з taxonomies.

3.0.4

• Improved “Create a custom sidebar to get started.” box.
• Схвалено “WPMU Dev code library” до версії 3.0.3.
• Вирішено проблему з empty taxonomies, now we can see all taxonomies, включаючи empty.
• Fixed fetching posts.
• Вирішено проблему на Customizer page – removed clone option.
• Fixed Widgets Screen for Right to Left languages.

3.0.3

• Removed WP Checkup banner.

3.0.2

• Знижена compatibility issue with uBlock Origin and AdBlock Plus.
• Fixed getting started box не appearing.

3.0.1.0

• Added the “Create custom sidebar to get started.” box.
• Вирішено проблему з link для відсутності accessibility mode.
• Fixed UX проблема з “plus” icon on visibility options.
• Показує рекламу для “WP Checkup” у всій admin area.

3.0.0.1

• Вирішено a problem with wp_enqueue_script() ,який був названий раніше.
• Вирішено проблему з повідомленням, який повинен бути close when you close it.

3.0.0.0

• Змішано conflicting з іншими plugins.
• Improved functionality, free і pro versions має now the same functionality. Тільки difference is that the free version includes ads.

2.1.2.0

• Вирішили проблему з empty selectors.
• Remove unnecessary HTTP header – it is only needed when we run cs-explains.
• Update Dash notice.

2.1.1.9

• Проблема з import widgets created before Custom Sidebars plugin was installed.
• Проблема з боками на Front Page.

2.1.1.8

• Added support and widgets links on the plugins page.
• Fixed export problem, коли два або більше widget has 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

• Змішано, якщо у вас є спроба використати property of non-object in “maybe_display_widget()”.
• Якщо front page is a page, будуть ми вивчити ті ж самі правила, як ні на сторінці.

2.1.1.5

• Added new filter “cs_replace_post_type” до filter post type у функції “determine_replacement()”.

2.1.1.4

• Вирішили проблему з sorting and filtering.

2.1.1.3

• Added check if the function mb_strtolower() .

2.1.1.2

• Sidebars є now sorted by name.

2.1.1.1

• Вирішено проблему з необхідними елементами на widgets admin screen.

2.1.1.0

• Змінений невизначений index в Editors Sidebars.

2.1.0.9

• Змішаний issue with broken link icon for cloned widgets.

2.1.0.8

• Малі вправи в admin UI: Better scrolling, fix JavaScript errors and PHP notices.
• Update third party libraries.
• Малі дії в коді.

2.1.0.4

• Fix missing text-domain in translation.

2.1.0.3

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 можна не створювати на певних веб-серверах setups.

2.0.9.9

• Змінено: Minified CSS файли 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 до 404 сторінок via the Sidebar Location dialog.

2.0.9.6

• Fixed: У деяких бригадах “Add sidebar” popup був partially hidden.
• Fixed: Однієї сторінки згорнутого аркуша з multiselect list встановлений.
• Змінено: Plugin зараз правильно навантажують .po файли для передачі до інших мов.
• Деякі інші невеликі дії.

2.0.9.4

• Змінено: Для кількох користувачів, які використовували цей plug-in, не було завантажено anymore після оновлення до 2.0.9.1.

2.0.9.3

• Fixed: Z-index issue in Dashboard where wide widgets where covered by the main-menu.
• Fixed: Додаткова спільність для статичної front-page sidebars with version 2.0.9.

2.0.9.2

• Зображено: Sidebar Місцевості “Front Page” та “Post Index” now work correctly.

2.0.9.1

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

2.0.9

• Fixed: Fixed issue with WP sidebar Chooser право після створення нової sidebar.
• Fixed: Fixed різні issues коли flagging sidebar s replaceable.
• Fixed: Plugin не може бути завантажений в accessibility режимі, але натиснути на 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: Використовуйте WordPress core functions to get URL to JavaScript files.
• Minor fix: Refactor функція 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 про strict standards.

2.0.3

• Fixed: JavaScript errors на Windows Servers є 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!
• Багато маленьких bugfixes.

1.6

• Added: WordPress filter “cs_sidebar_params” є названий перед custom sidebar is registered.
• Added: Add setting “CUSTOM_SIDEBAR_DISABLE_METABOXES” в wp-config.php до remove custom-sidebar meta boxes.

1.5

• Додано: 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 outdated browser error.
• Fixed: Stripped slashes for pre/post widget/title fields.

1.3

• Змінено: Знайдено warnings with the PHP debug mode on.
• Improved: Styles to make them compatible with WP 3.6.
• Fixed: Створення sidebars від custom sidebars option.
• Removed: Donate banner. Відповіді на 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: Мінімальні навантаження в Інтернеті до adapt it до WordPress 3.x.
• Fixed: Slashes added to atributes before and after title/widget.

1.1

• Fixed: Where lightbox не showing для everybody (Thanks to Robert Utnehmer).
• Added: Default sidebar для результатів пошуку сторінок.
• Added: Default sidebar для date archives.
• Added: Default sidebar for Uncategorized posts.

1.0

• Fixed: Special characters make sidebars undeletable.
• Додано: Child/parent pages support.
• Відображений interface до handle виходив з sidebars easily.
• Додано: Ajax support for creating edited sidebars from the widget page.

0.8.2

• Fixed: Problems with Spanish translation.
• Fixed: Деякі CSS issues with WordPress 3.3.

0.8.1

• Fixed: Ви можете призначити sidebars до своїх сторінок до.

0.8

• Змінено: Category hierarchy is now handled properly by custom sidebars plugin.
• Added: Sidebars може бути вибраний для всіх custom post type post individually.
• Впроваджено, як він переміщується в sidebars.
• Відображено деякий текст і повідомлення в back-end.

0.7.1

• Змінено: Наразі plugin works with themes like Thesis that don't use the_header hook. Зміна кнопки, коли виконується заміна коду на wp_head.
• Зміщений: Коли другий sidebar є замінений з орієнтовно першою sidebar, він є оновленим до першої sidebar replacement instead.

0.7

• Змінено: Bulk and Quick editing posts and pages reset their custom sidebars.
• Змінена здатність необхідна для switch_themes, і несприятлива здатність управління.

0.6

• New interface, more user friendly.
• Added possibility of customize the main blog page sidebars.
• Додані на sidebars в категорії, з якою можна пристосувати всі місця, які встановлюються в категорії, які можуть бути в hierarchical way.
• Added possibility of customize the authors page sidebars.
• Added possibility of customize tags page sidebars.
• Додано, що це можливо, щоб edited sidebars names, як добре, як попередньо widget, post-widget, pre-title, post-title для sidebar.
• Added possibility of customize thesidebars 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 були deleted.
• Налагоджений bug введено в v0.4, що байдужий не може ввести додаткові bars для post-types properly.
• Added 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 theme's default sidebar.

0.3

• PHP 4 Compatible (Thanks to Kay Larmer).
• Змішаний bug введено в v0.2, що байдужий не дотримується додаткових варіантів options.

0.2

• Improved security by adding wp_nonces до форми.
• Added pt-widget post type to ignored post types.
• Improved i18n files.
• Вирішили шпильки для документації.

Сайдбар WordPress став невід'ємною частиною сайту. Його використання відкриває великі можливості для розробників тем і користувачів платформи WordPress. На різноманітних блогах відводиться велика кількість часу опису додавання, видалення та налаштувань сайдбара. У даному питанні і мій блог не став винятком, сьогодні я постараюся розповісти про якомога більшу кількість налаштувань і всі можливі махінації над бічною колонкою сайту на WordPress.

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

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

Перед тим, як приступити до розповіді і вникнути в код і налаштування, окреслю кілька нюансів, які ви, напевно, знаєте, пов'язаних з бічними панелями:

Сайдбар сайту- права або ліва частина сайту, яка відповідає за донесення додаткової інформації та бере участь у навігації сайтом. Можливе використання і правої та лівої бокової колонки одночасно.

Використання сайдбара у WordPressмає ширший діапазон дій, він може бути розміщений де завгодно, в шапці, збоку, в підвалі, і вміщати найрізноманітніші елементи, про які і йтиметься в цій статті.

Реєстрація сайдбару у WordPress. Як додати сайдбар у WordPress

Виведення сайдбару WordPress відбувається за певним принципом за допомогою виклику у файлах шаблону та реєстрації у файлі functions.php функцією register_sidebar().

Будьте уважні, перед реєстрацією сайдбару переконайтесь, що він раніше не був зареєстрований. За наявності кількох реєстрацій з тим самим id, можливе виникнення помилок. Перед редагуванням сторонніх шаблонів варто переконатися, що сайдбар не «зав'язаний» до якихось функціоналів шаблону.

Насамперед відкриємо файл functions.php і напишемо функцію реєстрації сайдбару:

Function my_register_sidebars() ( /* реєстрація правого сайдбара */ register_sidebar(array("id" => "right-side", // унікальний id для сайту, призначається правому сайдбару "name" => "Права колонка", // назва сайдбара, яке буде відображатися в адмінці "description" => "Перетягніть віджети, щоб додати їх до сайдбару.", // опис виводиться в адмінці для сайдбара "before_widget" => "

", // у цьому та попередньому рядку ми задали контейнер у якому буде розміщений сайдбар "before_title" => "

"after_title" => "

)); , яке буде відображатися в адмінці "description" => "Перетягніть віджети, щоб додати їх до сайдбару.", // опис виводиться в адмінці для сайдбара "before_widget" => " ", // у цьому та попередньому рядку ми задали контейнер у якому буде розміщений сайдбар "before_title" => "

// Якщо залишити порожнім, буде виводитися в

"after_title" => "

)); сайдбара, яке буде відображатися в адмінці "description" => "Перетягніть віджети, щоб додати їх у сайдбар.", // опис виводиться в адмінці для сайдбара "before_widget" => " ", // у цьому та попередньому рядку ми задали контейнер у якому буде розміщений сайдбар "before_title" => "

// Якщо залишити порожнім, буде виводитися в

"after_title" => "

")); ) add_action("widgets_init", "my_register_sidebars");

Вставивши цей код у файл functions.php ми зареєстрували відразу два сайдбари бічних - правий, лівий та окремо сайдбар для футера. Також ви можете реєструвати лише один сайдбар або додати ще за потребою, наприклад, у середину сторінки.

Сайдбар зареєстрований, тепер його потрібно вивести в потрібному місці. Саме цим ми й займемося далі.

Як додати sidebar у wordpress тему

Принцип додавання сайдбарів

Якщо ви пишете тему для свого сайту, і реєстрували сайдбар для віджетів WordPressщо б у ньому щось знаходилося, тоді сміливо можете виводити його в потрібному місці, використовуючи наступний код:

При написанні шаблонів на замовлення або для стороннього використанняварто перевіряти наявність віджетів WordPress, про них можна почитати . Можливо, користувач вашої теми відмовиться від використання сайдбару на сайті і йому ні до чого будуть порожні блоки на сторінці. Для перевірки використання віджетів та додавання сайдбару в WordPress темувикористовують таке:

Ми перевірили, чи існують віджети в правому сайдбарі і вивели їх на сторінці. За аналогією, замінюючи лише значення ID сайдбара (right-side) на необхідний нам, ми зможемо вивести всі блоки на сторінку в потрібному місці.

Куди додати код для виведення сайдбару у WordPress

Для сайдбарів у вордпрес зарезервовано файл шаблону sidebar.php. Саме в ньому в більшості випадків описується все необхідне (обгортки панелек, умови для виведення на певних сторінках і т.д.)

Якщо у вас один сайдбар, тоді додавайте його код до sidebar.php, і підключайте його у потрібному місці у файлі index.php за допомогою функції:

При використанні кількох сайд барів вам потрібно буде створювати додаткові файли, наприклад, sidebar-right.php, sidebar-left.php і sidebar-footer.php.

Помістивши необхідну ділянку коду в потрібний файл, підключення до індексного відбуватиметься таким чином:

Розташування підключення ви вибираєте самостійно. Значення у дужках має відповідати назві файлу (sidebar- right.php), виділено жирним.

Як прибрати сайдбар у WordPress?

Я детально розповів як додати сайдбар у WordPress, тепер підемо від зворотного та почнемо видаляти. Складу невеликий план як прибрати сайдбар у WordPress (перед редагуванням файлів обов'язково зробіть їх копії та користуйтеся, не редагуйте з адмінки):

• Заходимо в папку з темою та відкриваємо наступні файли functions.php, sidebar.php та index.php;
• шукаємо та видаляємо реєстрацію сайдбара у файлі функцій, як він виглядає описано вище у статті.
• переходимо до файлу sidebar.php і видаляємо виклик бічної колонки (потрібно видалити все, що пов'язано з dynamic_sidebar(), приклад так само є вище).
• йдемо в індексний файл та видаляємо підключення файлів сайдбару (get_sidebar()).

Це нудотна робота, і для тих, хто не знає, може бути проблемою, але якщо вам це дійсно потрібно, тоді розберетеся.

перші з'явившись у версії WordPress 2.2, віджети зробили революцію у світі WordPress і відтоді стали невід'ємною його частиною. Майже жодна тема не обходиться без встановлення віджетів.

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

Нинішні плагіни для віджетів поділяються на дві категорії: спеціальні та загальні. У даному оглядіпредставлені як ті, так і інші. Ми постаралися підібрати їх таким чином, щоб для кожної функції був окремий плагін.

1. SiteOrigin Widgets Bundle (безкоштовний)

Плагін для віджетів, який можна назвати "все-одним". Він має 20 чудових віджетів та всі необхідні функції.

Ось деякі з його опцій:

• Кнопки заклику до дії.
• Контактна форма.
• Карти Google.
• Таблиця цін.
• Відгуки.
• Слайдер зображень.

Віджети повністю настроюються, мають нескінченну кількість кольорів і більше півтори тисячі іконок.

2. WooSidebars (безкоштовний)

WooSidebars застосовує умовну логіку. Це означає, що ви можете налаштувати область віджету для окремих сторінок.

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

3. Relevanssi (безкоштовний)

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

Якщо ви бажаєте полегшити своїм відвідувачам пошук корисного контенту, Relevanssi допоможе вам у цьому. Плагін краще справляється із сортуванням за релевантністю, ніж це робить варіант за умовчанням.

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

4. Ninja Forms (безкоштовний)

Сайдбар- Зручне місце для розміщення контактної форми, де ваші відвідувачі зможуть вас знайти.

Не всякий плагін контактної форми має спеціальний віджет, але якщо він вам потрібен, зверніть увагу на даний плагін – він гранично простий у використанні та має безліч налаштувань та додаткових полів.

5. Testimonials Widget (безкоштовний)

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

Testimonials Widget дозволяє відображати відгуки у вигляді тексту, зображень або відео у стильних слайдерах. Ви зможете відображати відгуки на основі певної категорії.

6. Recent Posts Widget Extended (безкоштовний)

Більшість відвідувачів очікують побачити у сайдбарі посилання на ваші записи. Зараз, говорячи по суті, є три типи навігаційних віджетів: за останніми записами, за популярними записами і за супутніми записами.

Цей плагін відноситься до першої категорії. Він дозволяє відображати мініатюри та витримки кожного запису – ви також можете орієнтуватися на останні записи з даної категорії. Плагін дозволяє впорядкувати ваші записи за датою публікації або останніми коментарями.

7. WordPress Popular Posts (безкоштовний)

Якщо вам не подобаються останні записи, що можна сказати про популярні? Адже ці записи користуються популярністю не так? Можливо, вони несуть найбільш цінну інформацію для читачів або подобаються їм з якоїсь іншої причини.

Даний плагін відображає мініатюри записів, плюс ви зможете орієнтуватися на популярні записи, ґрунтуючись на категорії або часовому діапазоні. Ви навіть зможете мати віджети для різних популярних записів, кожен із різними налаштуваннями.

8. Contextual Related Posts (безкоштовний)

Related Posts є найскладнішим навігаційним віджетом – потрібен алгоритм визначення супутніх записів.

Даний плагін використовує як заголовок, так і зміст запису, щоб знайти супутні записи. Однак ви можете пропустити потрібні записи або цілі категорії. Супутні записи можуть відображатися мініатюрами, плюс до того ж записи можуть кешуватися для підвищення швидкості сайту.

9. Monarch (з Elegant Themes Membership від $89/рік)
Більшість із нас уже додали кнопки соціальних мереж у свої блоги – чому б і ні? Однак далеко не всі блогери розуміють, що область сайдбару - чудове місце для таких кнопок.

Monarch – це, мабуть, найкращий плагін для соціальних медіа, що має зручний інтерфейс, безліч додаткових функцій та чудовий дизайн.

10. Image Widget (безкоштовний)

Бажаєте зробити свій сайт привабливішим? Тоді чому б не використовувати область сайдбар для демонстрації зображень?

Якщо ви хочете розмістити окреме зображення, Image Widget є чудовим вибором.

Image Widget дозволяє відображати будь-яке зображення з вашої бібліотеки. Також ви зможете регулювати налаштування зображення, такі як розмір, вирівнювання та заголовок. Можна вставити в зображення свою URL-адресу, на яку користувач перейде під час натискання.

11. Instagram Feed (безкоштовний)

Можливо, ви зображенням зі своєї медіа-бібліотеки віддаєте перевагу зображенням з Instagram? Якщо це так, то даний плагін підійде вам якнайкраще. При 300 000+ завантаженнях він має чудовий рейтинг – 5 із 5.

Instagram Feed дозволяє відображати мініатюри, середні та повнорозмірні зображення. Ви зможете також використати декілька Instagram акаунтів. Зображення не повинні бути з вашої облікового запису– але ви зможете відображати зображення з будь-якого облікового запису. І якщо відвідувачам сподобається те, що вони бачать, вони зможуть вибрати для завантаження додаткові зображення, натиснувши кнопку «Завантажити ще».

12. Slider Revolution ($19)

Якщо вам потрібний більш динамічний сайдбар для зображень, ви можете розглянути плагін.

WinningWP, який має потужний набір функцій і доступну ціну, нещодавно заявив, що Slider Revolution – найкращий слайдер-плагін. Він має в комплекті спеціальний віджет для слайдера, що дозволяє розміщувати зображення, що прокручуються, в будь-якій області віджету.

13. Compact Archives (безкоштовний)

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

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

14. Meks Smart Author Widget (безкоштовний)

Meks Smart дозволяє відображати інформацію про автора у стильному віджеті. Його можна використовувати як для блогів із кількома авторами, так і для персональних блогів.

15. Thrive Leads (від $67)
Більшість тем WordPress відображають сайдбар на кожній сторінці. Такий підхід дозволяє використовувати область сайдбара для відображення списку адрес електронної пошти.

Вибір найкращого плагіна в даному випадку – це питання для нескінченних дебатів. У цьому огляді ми пропонуємо вам Thrive Leads. Плагін має спеціальний вбудований віджет плюс велика кількість чудових шаблонів і опцій дизайну.

16. Taqyeem ($22)

Якщо ви публікуєте відгуки на своєму блозі, можливо, ви захочете перейти за посиланням у сайдбарі на деякі з цих відгуків. Це дозволить відвідувачам моментально оцінити якість продукту.

Taqyeem – мабуть, найкращий плагін для відгуків. Він використовує чудовий дизайн з кольорами, шрифтами і вибором стилю для відгуків.

Плагін підтримує три типи віджетів: для найкращих, для останніх і випадкових відгуків.

17. Business Contact Widget (безкоштовний)

Сайдбар є ідеальним місцем для робітника контактної інформаціїособливо якщо у вас є подібна спільнота крім блогу.

Даний плагін дозволить вам додавати адреси, номери телефонів та адреси електронної пошти до jQuery-вкладок. Також ви зможете додати інші функції у вкладки свого контакт-віджета, включаючи контактні формита карти Google.

Плагін має кілька опцій налаштування: стиль ікон, розмір значків і колір вкладок.

18. Poll, Survey, Quiz & Form by OpinionStage (безкоштовний)

У вас є якесь насущне питання, яке ви хочете поставити своїм відвідувачам? Можливо, ви хочете отримати відповідь на найактуальніше питання? Чи, може, просто хочете змусити людей посміхнутися?

Даний плагін допоможе вам у будь-якому випадку - за його допомогою ви зможете навіть проводити конкурси.

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

19. Google Maps Widget (безкоштовний)

Бажаєте показати відвідувачам ваше фізичне місцезнаходження на карті? Тоді вам потрібен цей плагін – спеціально призначений для роботи з картами Google.

Він має рівні розмірів і масштабування, що настроюються, а також дозволяє використовувати свої карти для створення користувальницьких контактів.

20. WP PRO Advertising System ($29)

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

WP PRO є одним із найкращих плагінів для управління рекламою. Він включає 15+ стилів реклами, включаючи, зрозуміло, рекламу віджету. Всі ці оголошення відображаються стильною плиткою.

Додавши аддон WooCommerce, ви можете навіть безпосередньо продавати на веб-сайті місце під рекламу.

21. Awesome Weather Widget (безкоштовний)

Іноді погода може впливати на захід – наприклад, свято здачі в оренду або відпочинок на природі, там, де дія відбувається на відкритому повітрі. Якщо погода може допомогти вашому бізнесу, чому б не надати відвідувачам необхідну інформацію, використовуючи погодний віджет.

Віджети погоди чудово виглядають і мають настроювані колірні схеми. Найголовніше, що погодні дані надані OpenWeatherMap, тому ви цілком можете їм довіряти.

22. YouTube Channel Gallery (безкоштовний)

Якщо ви публікуєте свій контент ще й на YouTube, можливо, ви хочете використовувати вашу область сайдбара для просування вашого каналу. Скористайтеся для цього плагіном.

Channel Gallery дозволяє відображати мініатюрні кадри з вашого відео в будь-якій області віджету - все, що вам потрібно, це ключ API на YouTube. Коли відвідувач кликає по одному відео, воно починає грати. Також можна додати віджети з демонстрацією кількох роликів YouTube на одній сторінці, що дозволить просувати різні відео та канали одночасно.

23. Widget Content Blocks(Безкоштовний)

Content Blocks є, мабуть, найуніверсальнішим у сьогоднішньому списку. Чому? Тому що він може розблокувати функціональність будь-якого плагіна, який використовуватиме область віджету – навіть без спеціального віджету.

Тепер за умовчанням текстовий віджет підтримує лише форматування HTML. Якщо ви намагаєтеся додати шорткод, у вас нічого не вийде.

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

Ще краще плагін вирішує цю проблему, використовуючи візуальний редактор WordPressв області віджету. Це означає, що ви зможете форматувати ваші віджети, як і будь-які інші записи/сторінки. Ви можете додавати медіа, посилання або HTML-форматування у ваші віджети за кілька кліків.

24. PHP Code Widget (безкоштовний)
Цей плагін за своїм функціоналом схожий на попередній, за винятком того, що він дозволяє вставити PHP-код у текст віджету за замовчуванням. Це робить її обов'язковим для розробників WordPress.

25. Widget Importer & Exporter (безкоштовний)

Даний плагін дозволить вам перенести ваші віджети з одного сайту на інший. Якщо у вас є настройки сайдбара, які вам подобаються, плагін дозволить вам додати їх на будь-які ваші сайти.

Думки на закінчення
На цьому ми завершимо свій огляд найкращих плагінів для віджетів.

Для додавання необхідних плагініві доповнень на сторінку в WordPress необхідно просто перетягнути в адмінці віджет, що цікавить вас, на sidebar. Таким чином, навіть новачки в движку WordPress можуть без ускладнень видозмінити свою бічну панель(і не лише її).

Іноді розробники теми надають на вибір кілька можливих сайдбарів, куди ви можете перетягнути widget. Але бувають і теми, де сайдбари 1-2, і вони використовуються чисто для потреб самої теми (тобто нові віджети ви туди запхати не зможете).

Та й буває, що вам просто захотілося додати новий сайдбар для розмежування логіки або з іншим оформленням.

Для початку потрібно зареєструвати ваш сайдбар. Це можна зробити у файлі functions.php у папці з шаблоном. Деякі розробники шаблонів створюють спец. функцію реєстрації сайдбарів. Наприклад, function twentyten_widgets_init() () . Це не принципово. Просто знайди місце в коді, де відбувається реєстрація. Виглядає це приблизно так:

Register_sidebar(array("name"=>"Site description", "before_widget" => "

"));

Як додати свій сайдбар?

Коли знайдеться ділянка коду, де реєструються сайдбари, можете за аналогією зареєструвати свою. Як приклад:

Register_sidebar(array("name" =>"Second sidebar", "id" => "secondary-widget-area", "before_widget" => "

", "after_widget" => "

", "before_title" => "

", "after_title" => "

",));

Name- Назва вашого sidebar. воно відображатиметься в адмінці.

id — унікальний ідентифікатор. Він вам знадобиться при додаванні на сторінку (про це нижче).

before_widget— код/текст, який буде вставлено перед кожним віджетом.

after_widget— відповідно код/текст, який буде вставлено після кожного віджеу.

before_title- код/текст, який буде вставлено перед заголовком віджетів.

after_title- Код/текст, який буде вставлено за заголовком віджетів.

Після додавання вище наведеного коду до файлу, збережіть його та зайдіть на сторінку віджетів в адміністративній панелі. Тепер так само, як і з рештою сайдбарів, ви можете перетягувати на новий необхідні віджети. Щоб цей сайдбар відобразився на вашому веб-сайті, потрібно відкрити відповідний файл шаблону, а саме sidebar.php , і знайти код:

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

Для гарного висновку, можете включити цей код у блок:

Як ви вже напевно помітили secondary-widget-areaпри виведенні на сторінці це ім'я сайдбара. Воно має бути таким самим, як ім'я вказане при реєстрації у файлі functions.php . Тепер, редагуючи файл style.cssнадати сайдбару потрібного вигляду.

Більшість шаблонів WordPress оснащені сайдбарами із областями віджетів. Це дозволяє помістити в бічну колонку той чи інший сайт, і таким чином збільшити функціональність сайту. Сайдбар WordPress традиційно виконується у вертикальному вигляді у бічній колонці. Але це зовсім не аксіома.

Сайдбар WordPress може бути горизонтальним, і розташовуватися вгорі або внизу сайту. Цей простір також може бути корисно використаний віджетами. У цій статті ми покажемо вам, як зробити таку область віджету під контентом, тобто унизу сайту. Ми не будемо застосовувати поширений метод, пов'язаний із PHP програмуванням та редагуванням шаблону. Ми покажемо простіший спосіб – плагін.

Горизонтальний нижній сайдбар WordPress з плагіном Add Widget After Content

За назвою плагіна Add Widget After Content вже зрозуміло, навіщо він потрібний. Він додає сайдбар WordPress (а, відповідно, область віджетів) після контенту, тобто внизу сайту. Плагін відрізняється простотою та м'яким методом роботи, тобто він безпечно ін'єкує новий сайдбар у встановлений шаблон, і якщо функціональність плагіна вас не влаштовує, ви можете видалити його та повернути все так, як було. Не створить великих витрат часу.

Щоб почати працювати з плагіном, завантажте його, встановіть та активуйте. Щоб з'явився новий сайдбар WordPress, необхідно спочатку налаштувати цей додаток. Для цього переходимо до пункту консолі «Зовнішній вигляд» та вибираємо підпункт «Add Widget After Content Options». Як і було сказано спочатку, тут все дуже просто, лише дві опції:

• Post Types.Вибираємо, у яких типах контенту відображатиметься новий сайдбар WordPress. Можна вибрати записи та сторінки. Також плагін підтримує і типи користувача контенту, які є в установленому шаблоні.
• Post Formats.Вибираємо? у яких форматах контенту відображатиметься додатковий сайдбар. Як і в першому випадку, є підтримка костюмних типів форматів.

Виконайте відповідні установки та збережіть зміни. Тепер перейдіть до консолі «Зовнішній вигляд» та виберіть підпункт «Віджети». У першій частині, де вказується перелік наявних сайдбарів WordPress, ви побачите новий, який називається "After content". Тепер можна в нього перетягувати потрібні віджети, і дивитися, як це буде виглядати на сайті.

Обов'язково ознайомте з , в якій ми розповідаємо про додаткові віджети, які можуть бути корисними і яких немає в стандартному наборі WordPress.