Сайдбары хороши в двух случаях: если на них расположено что-то настолько важное, что они должны всегда быть перед глазами (взять, к примеру, любой почтовый клиент, да хотя бы и Gmail) или если нужно иметь возможность это самое важное спрятать для экономии места (опять же, как в Gmail, но уже в мобильной версии). Браться за создание сайдбаров с нуля – задача не для средних умов, да и вообще бессмысленно. Для такой задачи лучше употребить соответствующий фреймворк. Об одном из таких примеров мы сегодня и поговорим.

Коротко о Webix Прежде чем перейти непосредственно к коду, давайте обмолвимся коротко, что это за библиотека такая. Итак, Webix представляет из себя библиотеку UI компонентов разной сложности, от простой кнопки до Spreadsheet Widget , с помощью которого можно создавать онлайн таблицы в стиле Excel. Помимо собственно компонентов, в наличии механизм обработки событий , поддержка оффлайн-режима , интеграция с jQuery, AngularJS, Vue.js, Backbone.js, online инструменты: Skin builder , Form builder . Заявлена совместимость с Angular 2.

Nuget install Webix
Или если вы предпочитаете Bower :

Bower install webix
Все вышеперечисленное относится непосредственно к Webix. Для того, чтобы получить возможность создавать сайдбары, нам понадобится еще парочка файлов . Доступ к ним же через CDN:

Сайдбар на примере e-mail клиента Поскольку мы уже заговорили об e-mail клиентах, не будем отступать от этой темы и создадим в качестве примера именно такое приложение. С помощью компонента DataTable я взял вот такой вот просмотрщик имейлов, к которому мы и будем добавлять сайдбар:

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

Начнем с основ. Для того, чтобы добавить в приложение определенный компонент, в Webix используется свойство view . Например, мы хотим создать кнопку:

View: "button"
Для инициализации Webix-приложения нам понадобится следующий код:

// опционально. код выполнится после загрузки страницы webix.ready(function(){ // конструктор webix.ui({ // описание приложения view: "button", }); });
Код выше создаст страницу, состоящую из одной кнопки. Поскольку наше приложение состоит из нескольких компонентов, нам нужно задуматься о создании лэйаута. Для этого используются свойства rows и cols , которые служат для создания рядов и колонок.

Например:

Webix.ui({ cols: [ { view: "button"}, { view: "button"} ] });
Создаст уже две колонки, по одной кнопке в каждой. Комбинируя эти свойства, добавляя вложенные колонки и ряды, меняя их размеры, например, с помощью свойства gravity можно создать лэйаут необходимой сложности.

Теперь мы можем перейти к сайдбару. Он основан на компоненте Tree и также использует формат JSON для описания своей структуры. Для удобства лучше хранить такое описание в отдельной переменной.

Наш сайдбар будет состоять из следующих пунктов меню:

Var menu_data = [ {id: "inbox", icon: "envelope", value: "Inbox"}, { /* прочие пункты */ }, {id: "tags", icon: "tags", value:"Tags", data:[ { id: "friends", value: "Friends"}, { id: "work", value: "Work"}, { id: "news", value: "News"} ]} ],
Каждый элемент должен иметь уникальный ID. value определяет, каким будет текст пункта меню, а icon – иконку. Webix использует набор иконок Font Awesome . Обратите внимание на пункт Tags. Он содержит вложенные подменю, которые будут открываться по клику.

Итак, суммируя все вышесказанное, мы можем перейти к нашему приложению:

Webix.ui({ cols:[ /* первая колонка, сайдбар */ { view: "sidebar", data: menu_data, }, /* вторая колонка */ { /* dataview component */ } ] });
В принципе, это все, что требуется для создания базового сайдбара: указать, что именно этот компонент мы хотим создать, а также выбрать источник данных о его структуре.

В результате мы получили вот такой сайдбар:

Пример кода и демку можно посмотреть .

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

Webix.ui({ rows:[ { /* здесь будет тулбар */}, {cols:[ { /* сайдбар */ }, { /* наши имейлы */ } ]} ] });
Давайте разберемся с кодом, который нам понадобится для создания заголовка. Как и было сказано, тип создаваемого компонента определяется значением свойства view . В данном случае этим значением будет toolbar. Его содержимое определяется значением свойства elements . В нашем случае мы поместим на тулбар следующие элементы: кнопку-гамбургер, заголовок и несколько иконок-уведомлений:

{view: "toolbar", elements: [ /* кнопка-гамбургер */ { view: "button", type: "icon", icon: "bars", width: 37, align: "left", css: "app_button", click: function(){ $$("$sidebar1").toggle() } }, /* заголовок */ { view: "label", label: "Webix E-Mail CLient"}, { /* добавляем пустое пространство */ }, /* уведомление 1 */ { view: "button", type: "icon", icon: "envelope-o", width: 45, css: "app_button", badge:4}, /* уведомление 2 */ { view: "button", type: "icon", icon: "bell-o", width: 45, css: "app_button", badge:10} ] },
Свойства type: "icon " и icon: «icon-name» создают кнопки-иконки. Свойство click позволяет определить функцию, которая будет вызываться по клику. В данном случае, она переключает состояния сайдбара. К двум последним кнопкам мы добавили свойство badge , которое позволяет использовать оранжевые бейджи с номерами, соответствующими значению свойства.

Вот что получилось в итоге:

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

Раскрытый сайдбар имеет уже привычный нам вид:

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

Попробовать этот пример и поиграть с кодом можно по этой

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

Зачем говорить о боковых панелях сайтов

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

В боковых колонках вебмастера публикуют стандартные элементы. Вот примеры:

• Навигационное меню.
• Кнопки фолловинга.
• Виджеты социальных сетей.
• Рекламные блоки.
• Виджеты последних публикаций.
• Виджеты популярных публикаций.
• Формы подписки.
• Биография автора или информация о компании.
• Ссылки на архивы.

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

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

В блогах «Текстерры», HubSpot и MOZ нет сайдбара. У «Безумных Котиков», Cossa и Webpromoexperts боковая панель справа. У «Ленты.ру» и Nielsen полноценный сайдбар слева. Есть примеры сайтов и блогов с двумя и более боковыми панелями.

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

Нужна ли боковая панель на сайте

У «Безумных Котиков» боковая панель находится справа. На внутренних страницах в ней есть форма подписки, информация о «Котиках» и меню навигации по категориям.

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

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

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

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

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

У структурирования страницы есть побочные эффекты. Пользователи активнее взаимодействуют с зоной основного контента, чем со вспомогательным блоком. Например, на тестовой площадке с боковой колонкой справа кликабельность рекламы AdSense под основным контентом составляет 0,87 %.

CTR рекламных блоков в сайдбаре не превышает 0,1 %. В боковой колонке реклама находится на первом экране. То есть пользователь видит ее сразу после приземления на страницу. В области основного контента блок AdSense находится под публикацией. Чтобы увидеть его, серферу нужно скроллить почти до конца страницы.

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

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

Например, сайдбар в блоге известного маркетолога Хайди Коэн по способности привлекать внимание успешно соревнуется с зоной главного контента. В боковой панели этого ресурса работают целых 14 элементов.

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

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

Сколько сайдбаров должно быть на сайте

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

Обратите внимание на внутренние страницы сайта «Ведомостей». Полноценная боковая колонка находится справа. В левой части страницы находятся врезки и анонсы связанных публикаций. Эти элементы похожи на второй сайдбар.

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

Сравните внутренние страницы сайта «Ведомостей» со страницами публикаций «Лайфхакера». На этом сайте одна боковая колонка справа. В ней есть реклама и блок лучших публикаций. Анонсы статей выносятся под публикацию в блок рекомендаций.

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

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

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

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

Где должен быть сайдбар: справа или слева

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

Используйте боковую колонку справа, чтобы пользователи фокусировались на основном содержимом страницы. Эта рекомендация справедлива для контент-проектов: личных и корпоративных блогов, отраслевых ресурсов. Сайдбар справа используют vc.ru, Cossa, «Лайфхакер» и другие популярные проекты.

Тезисное обоснование использования правой боковой колонки:

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

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

Боковая колонка слева - отличное решение для веб-сервисов. Пользователям удобнее, когда меню управления и навигации находятся в левой части экрана. Обратите внимание на сервисы Google и «Яндекса», например, Gmail, Tag Manager, «Метрику». В веб-интерфейсе этих служб навигационные элементы находятся в левом сайдбаре.

Левый сайдбар часто используют большие контент-проекты. Сайты СМИ помещают на левой боковой панели меню навигации. Яркий пример - «Лента.ру». Также издания публикуют боковой колонке ссылки на актуальные или популярные публикации и рекламные блоки.

Следующие тезисы объясняют преимущества боковой панели слева:

• Пользователь должен обращать внимание на информацию в боковой колонке даже в ущерб основному контенту.
• Меню навигации и управления должно быть на самом видном месте. Пользователь сможет перемещаться по сайту, не отвлекаясь от главной информации.
• Рекламный блок или конверсионная форма в сайдбаре слева заметнее. Ради монетизации можно пожертвовать интересами пользователя.

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

Хотите аргумент в пользу сайдбара слева? В блоге Nielsen Norman Group боковая колонка расположена с левой стороны. Эта компания собаку съела на юзабилити сайтов.

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

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

Элементы навигации и управления

Это едва ли не единственный элемент, который сам по себе оправдывает использование боковой колонки. Навигационное меню улучшает юзабилити любого сайта: от СМИ или блога до интернет-магазина и веб-сервиса.

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

У «Ленты.ру» в боковой колонке находится главное и единственное меню навигации. На страницах категорий сайта «Связного» в сайдбаре находятся несколько навигационных элементов. В боковой колонке сайта «Евросети» опубликованы навигационные ссылки на основные категории товаров.

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

Социальные виджеты

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

Насколько эффективны кнопки подписки на новости в соцсетях? Выше упоминался эксперимент в блоге VideoFruit, в ходе которого кликабельность виджетов в сайдбаре составила 0,3 %. На тестовой площадке за 30 дней я получил 10 переходов с блока «Следи за мной» в социальные паблики.

CTR блока кнопок в боковой колонке тестовой площадки за 30 дней составил 0,097 %. Низкая кликабельность говорит о неэффективности социального виджета в качестве инструмента привлечения посетителей в паблики только в конкретном случае.

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

В боковой колонке сайтов часто можно увидеть виджеты социальных сообществ, например, плагин «Страница» или виджет страницы «Вконтакте» . Социальные плагины этого типа обычно содержат конверсионный элемент, например, кнопку «Подписаться» или «Нравится».

Благодаря визуальной привлекательности и относительно большому размеру социальные плагины должны быть более эффективными по сравнению с блоком «Следуй за мной». Так ли это на самом деле?

Для эксперимента виджет страницы «Вконтакте» был установлен в боковую колонку тестового ресурса. За период с 8 апреля по 7 мая сайт посетили 10 234 человека. За этот период с помощью виджета на страницу подписался один пользователь. CTR кнопки «Подписаться на новости» составил 0,009 %.

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

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

Например, 9 мая статистика зафиксировала 101 просмотр виджета пользователями «Вконтакте». Тестовую площадку в этот день посетили 350 человек. Если бы речь шла об активных просмотрах, с социальным плагином должны целенаправленно взаимодействовать почти 30 % посетителей сайта. Это нереально.

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

Во-первых, плагин в сайдбаре может повысить визуальную привлекательность страницы и сделать ее более информативной. Обратите внимание на трансляции ленты в «Твиттере» на сайтах СМИ. Во-вторых, социальный виджет можно считать пузомеркой. Владелец сайта демонстрирует посетителю популярность ресурса в соцсетях.

Информация об авторе или о компании

Рассказ об авторе и идейном вдохновители можно увидеть на боковых панелях ресурсов, связанных с Нилом Пателем: neilpatel.com и quicksprout.com. Из русскоязычных коллег информацию о компании в колонке справа предлагают многократно упомянутые «Котики».

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

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

Конверсионные элементы

В качестве конверсионных элементов в сайдбаре чаще всего используют формы подписки. Примеры можно увидеть на сайтах и в блогах Webpromoexperts, Cossa, Searchengines.ru, Shopolog и других.

Эффективны ли формы подписки в боковой колонке? По данным сервиса рассылок Aweber , коэффициент конверсии формы подписки на конкретном сайте составила 0,4 %. Всплывающее окно с формой подписки на этом же сайте обеспечило конверсию 5,5 %. Брайан Харрис из VideoFuit заметил, что статичная форма подписки в сайдбаре обеспечивает коэффициент конверсии 0,3 %. Плавающая форма подписки в боковой колонке обеспечила рост конверсии до 0,8 % .

То есть коэффициент конверсии формы подписки в представленных случаях составил менее 1 %. Стоит ли публиковать конверсионный элемент в боковой колонке с учетом низкой эффективности этого инструмента? Решайте сами. Только не забудьте об упомянутых выше экспериментах VideoFruit и Impact, в ходе которых отказ от сайдбара повысил коэффициент конверсии страниц на десятки процентов.

Реклама

Сайты СМИ и блогеры очень часто публикуют в сайдбарах рекламу. Более того, системы контекстной рекламы считают размещение блоков в сайдбаре эффективным. AdSense рекомендует публиковать объявления на боковой панели сразу под меню навигации.

По моим наблюдениям, рекламные блоки AdSense в сайдбаре неэффективны. За несколько месяцев тестирования прямоугольник 300 на 250 обеспечил CTR 0,06 %, а небоскреб 300 на 600 обеспечил кликабельность 0,11 %. Реклама в блоке рекомендуемого контента, который находится под публикацией, обеспечила CTR 0,87 %.

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

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

Что такое сайдбар WordPress

Правильно, по существующим правилам перевода WordPress, слова «сайдбар» в официальном переводе нет. «Родное» sidebar нужно переводить, как «область виджетов» или «боковая панель».

На практике, сайдбаром WordPress называют «область виджетов» или «боковая панель» или «боковые колонки» блога, справа и/или слева, сверху и/или снизу от основного содержания (статей или архивов) сайта. В зависимости от шаблона () на блоге может быть от 0 до 3 боковых колонок.

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

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

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

Обычно разработчики тем не создают произвольных мест для вывода виджетов, но их можно создать самостоятельно. Теперь о виджетах.

Виджеты WordPress

Многие называют виджеты основным содержанием блога. Я так далеко не захожу и придерживаюсь классического определения виджета.

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

Виджеты WordPress по умолчанию

По умолчанию, WordPress предоставляет несколько виджетов. Их 12.

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

Установленные виджеты шаблона WordPress по-умолчанию.

Виджет может иметь заголовок, и у каждого виджета есть свои настройки отражения.

Порядок виджетов в сайдбаре меняется простым перетаскиванием.

Сайдбар и виджеты WordPress – взаимозависимость

Сайдбар и виджеты WordPress взаимозависимы. Без сайдбара не будет виджетов, а без виджетов сайдбар, может быть только скучным статическим информатором.

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

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

Sidebar в автозагрузке: что это за процесс?

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

Нужна ли программа Sidebar в автозагрузке? Вопрос очень спорный. Некоторые пользователи приветствуют новшества от Microsoft, которые затрагивают область показа на «Рабочем столе» дополнительных виджетов. Так, например, в той же «Висте» на экране можно было включить отображение вертикальной панели с закрепленными на ней виджетами погоды, часами, календаря, а в более поздних системах - и элементы программ с веб-интерфейсом.

Как работает боковая панель?

Для Windows XP наличие в системе такого элемента ускоренного доступа к некоторым функциям не предусмотрено. Зато в модификациях выше панель может настраиваться в соответствии с пожеланиями пользователя.

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

Проблемы функциональности

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

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

Считается, что в большинстве случаев это связано с некорректно установленным или устаревшим Flash Player от Adobe (именно он отвечает за отображение иконок, их анимацию и т. д.).

Отключение процесса

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

Первая методика состоит в том, чтобы вызвать стандартный «Диспетчер задач» и перейти на вкладку активных процессов, где нужно найти процесс Sidebar.exe и снять задачу, нажав на соответствующую кнопку или завершив работу службы через меню ПКМ. Способ достаточно неудобный, поскольку при перезагрузке системы этот процесс активируется вновь. Таким образом, необходимо сделать так, чтобы служба вместе с ОС не стартовала.

Как удалить Sidebar из автозагрузки?

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

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

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

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

Краткие итоги

Вот кратко и все о программе Sidebar. Что это в автозагрузке, хочется надеться, немного понятно. Остается без ответа только вопрос целесообразности использования этого компонента. Конечно, если речь идет о современных компьютерных конфигурациях с мощными процессорами и достаточно большими объемами оперативной памяти, ничего страшного в использовании боковой панели нет. На слабых конфигурациях, чтобы не нагружать системные ресурсы слишком сильно, от нее рекомендуется избавиться обычным отключением (а не удалением). Ну, а нужна ли она на экране, каждый пользователь решает сам. Обратите внимание, что она ограничивает свободное пространство «Рабочего стола», однако настроить ее можно таким образом, чтобы панель в неактивном виде автоматически скрывалась.

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

В Microsoft очень любят снабжать свои продукты довольно спорными интерфейсными решениями. С версии Windows Vista, которая считается и в техническом, и в визуальном плане прародительницей всех последующих систем от Microsoft, впервые была применена технология визуализации часто используемых пользователем компонентов, а также множество других видов «улучшений». Вместе с тем компьютер начинал тормозить по причине перегруженности системы. Сегодня в нашей статье мы разберемся с одним из таких «тяжелых» процессов – sidebar.exe.

Итак, поговорим, за что отвечает sidebar.exe в Windows 7 и других версиях ОС, в которых этот процесс выполняется.
Наверняка вы не раз замечали в правой области экрана вертикальную полосу, с расположенными на ней иконками. Например, в Vista это могли быть погода, календарь, визуальные часы, а в более поздних версиях – это уже часто используемые приложения на компьютере и элементы веб-интерфейса. Это, так называемые, виджеты.

Или, как многие привыкли их именовать, гаджеты. Как было сказано выше, все это безобразие располагается в правой вертикальной области, которую в среде программистов принято называть «сайдбар» (по названию процесса, отвечающего за это, – sidebar.exe). Что это такое теперь более или менее понятно. Рассмотрим, как он влияет на работу машины в целом.

Место в системе

Вообще, данная утилита одна из самых бесполезных, которые когда-либо были внедрены в Windows. Пользователь, который привык к свой машине, уже практически с закрытыми глазами знает, что и где расположено, и сайдбар лишь мешает. Кроме того, этот системный процесс может занимать довольно большое количество оперативной памяти и системного времени, которые могли бы быть израсходованы на более полезные вещи. Чтобы оценить, насколько сильно «сжирает» sidebar.exe ресурсы системы, достаточно перейти в «Диспетчер задач» и найти во вкладке «Процессы» его среди остальных. В зависимости от того, какими виджетами снабжен наш сайдбар, цифры могут варьироваться от нескольких килобайт до пары-тройки мегабайт. Если эти значения составляют гигабайты – то тут уже другая проблема, но об этом ниже.

Процесс расходует слишком много памяти

Как известно, болеют не только люди, но и компьютеры. Подхватить вирус в Интернете довольно легко. Чаще всего вредоносные программы маскируются под файлы и процессы с расширением .exe . И sidebar.exe – не исключение. Это один из самых излюбленных «доноров» вредоносного программного обеспечения. Чтобы проверить свой компьютер, запустите поиск по системе файла sidebar.exe. Настоящий файл от Microsoft лежит в папке C:\Program Files, а вредоносный в C:\Windows или C:\Windows\system32. Срочно обновите ваш Антивирус, и он без особого труда справится с этой компьютерной заразой.

Удаляем сайдбар

Если вам надоело постоянное подвисание системы из-за этого процесса, то вы, скорее всего, задались вопросом: как удалить sidebar.exe? Мы подготовили два самых популярных пути решения.

Первый – наиболее простой, и провернуть его можно в два счета. Но у него есть один существенный недостаток – после каждой перезагрузки системы виджеты вновь возвращаются на свои места и продолжают портить нам жизнь. Рассмотрим, как быстро избавиться от sidebar.exe:

Нажимаем сочетание клавиш Ctrl+Alt+Del – это вызовет «Диспетчер задач»;

Ищем среди других процессов sidebar.exe;

Нажимаем на нем правой кнопкой мыши и выбираем «Отключить».

Все! Теперь система должна начать работать быстрее. Подумайте: если вы решили насовсем отключить sidebar.exe, что это влечет за собой? Насколько выгодно будет избавляться от этих гаджетов? Решились? Тогда приступаем:

Открываем меню «Пуск» и выбираем «Выполнить…»;

В открывшемся окне прописываем «msconfig» и нажимаем «Ок»;

Перед нами открывается окно, в котором переходим на вкладку «Автозагрузка»;

Находим наш сайдбар и снимаем с него пометку.

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

Проблемы с sidebar.exe

Бывает так, что процесс работает, но сами виджеты не отображаются. С чем связана ошибка sidebar.exe? Наиболее распространенной проблемой является неправильно функционирующий Adobe Flash Player и работа браузера Internet Explorer, так как именно он отвечает за подгрузку данных из Интернета в гаджеты. Переустановите эти компоненты и перезапустите сам сайдбар. Он находится в С:\Program Files\Windows Sidebar\ sidebar.exe.
В случае, если и это не помогает, то загрузите и установите компонент с официального сайта Microsoft.
Теперь должно быть все понятно с sidebar.exe: что это за процесс и какие функции он осуществляет.
Есть вопросы? Задавайте их в комментариях!