Колонки WordPress без плагина

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

WordPress

Как сделать колонки в WordPress

Есть множество способов создать колонки в WordPress с помощью плагинов или HTML-кода. И все они имеют свои недостатки. Плагины нагружают сайт и могут быть платными, а HTML-код сложен в использовании, редактировании. Разработчики WordPress позаботились о том, чтобы вебмастеру было легко работать. Поэтому в новом редакторе Gutteberg (который уже давно не новый, но многие все ещё не хотят на него переходить) есть специальный блок, который позволяет упорядочивать контент таким способом. И это без плагина, который нагружает сайт, и без кода, с которым сложно работать.

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

Колонки

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

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

Наполнение колонок

Уже созданные столбцы можно настроить. Опции открываются в правой стороне редактора WordPress при клике на блок. На первой вкладке настраивается количество столбцов, то есть после создания можно изменить это. А также есть опция “Группировать друг над другом на мобильных устройствах”. Она по умолчанию включена. Если она включена, то на узком экране мобильного телефона колонки будут выстраиваться друг на другом, а не в ширину. Это необходимо для удобства. На второй вкладке находятся только настройки внешнего вида – цвет фона, шрифта и размер.

Настройки колонок

Когда следует использовать колонки WordPress

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

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

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

2 комментария

Оставить комментарий
  1. Александр

    Я уже пользуюсь редактором Gutteberg, но колонки как-то не применял. Надо попробовать. И у меня есть вопрос: колонки делаются на всю страницу или можно где-то вставить в середине текста?

    1. Адель Гадельшин

      Можно в любом месте публикации добавить.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *