Сайдбары и колонки сайта – есть ли между ними разница

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

Сайдбар и колонки сайта — что есть что

Иные вебскрайберы даже делают для своих инфотекстов заголовки наподобие такого: «12 классных шаблонов Вордпресс с двумя колонками!».

Внимание! Квант правописания: сайДбар, а не «сайТбар», ибо от англ. Sidebar. Хотя так хочется окрестить «сайтбар» т. к. бар есть бар и он на сайте же расположен, все логично… 😯

В подобном лозунге неошибочны лишь три элемента «…Вордпресс с двумя…». Для тех, кто хочет узнать почему там ошибочно все остальное, есть специальная публикация — «Современные бесплатные темы WordPress с двумя сайдбарами — существуют ли они в природе?». Ну и статья о принципиальном различии между шаблоном и темой WordPress.

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

Что общего у колонок и сайдбаров

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

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

Что общего у колонок и сайдбаров сайта
Колонны и колонки — это не бары и не сайдбары…

Что означают и для чего предназначены сайдбар и колонка

Вот что означают и для чего предназначены элементы «сайдбар» и «колонка»:

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

Вот это и именуют в веб-обиходе как сайт с таким-то количеством колонок.

А так как в это число входят и сайтбары, то говорить «хочу сайт с двумя (тремя) колонками» некорректно. Если подразумевается не общий макет, а количественное наличие в макете именно вертикальных сайдбаров.

Вертикальные и горизонтальные сайдбары

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

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

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

А подобным функционалом априори располагает:

  • Область футера (т. н. «подвал» сайта) – эта область, как правило, разделяется на несколько небольших сайдбаров (обычно на два-три).
  • И очень часто хедер (т. н. «шапка» сайта).

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

Но эти элементы не принято называть сайдбарами – для них используют названия, совпадающие с областью макета (хедер, футер).

Для чего предназначены сайдбар и колонка.
Назначение у баров, сайдбаров и у колонок разное.

Лингвистическая справка

Касательно же боковых сайдбаров, то даже их английское название указывает принадлежность к «стенкам» сайта. Составное слово Sidebar образовано двумя элементами Side и Bar. Где Side означает «Сторона»; а Bar в данном случае это не то, что вы думаете, а прямое значение английского слова, не связанное с процедурой поглощения алкоголя.

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

Слово Sidebar образовано элементами Side и Bar.
Классический ритуал распития спиртного на барной стойке.

Итоговые выводы

В заключение нужно сформулировать несколько итоговых выводов:

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

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


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

Всем удачи, меньше путаницы и больше позитива!

Нажмите на звезды для оценки публикации
(Всего – 1 / В среднем – 5)