Варианты компоновки, которые предлагает стандартный редактор WordPress, довольно ограничены. Текстовые блоки, изображения и видео могут располагаться только ниже или выше друг друга.
Альтернативным способом организации информации в блоге или посте может быть использование столбцов. Традиционные средства массовой информации, такие как газеты и журналы, используют этот макет в течение многих лет.
Более короткие строки облегчают читателю следование тексту. Кроме того, это позволяет очень экономно использовать имеющееся пространство.
Возможно и не так сложно добавить столбцы в сообщение WordPress. В этой статье будет показано, как сделать столбцы в WordPress.
Зачем использовать колонки на сайте?
Существуют различные причины использования столбцов на веб-сайте. Столбцы упорядочивают текст или другой контент и облегчают его чтение.
Расположение в столбцах позволяет выделить определенную информацию.
Часто используемое применение колонок — презентация услуг или продуктов. Помимо текста, они могут иметь кнопки, изображения или подробные описания.
Изображения могут быть даже кликабельны. Этот метод представления информации о продукте особенно подходит для небольших предприятий.
Столбцы также очень полезны в сообщениях блога. Расположение информации в столбцах позволяет разделить содержимое.
Вместо того, чтобы располагать элементы только друг под другом, текстовые маркеры и изображения можно расположить горизонтально.
Как создать столбцы в WordPress
Плагины очень полезны для добавления функциональности к сообщениям и страницам WordPress. Но некоторым не нравится использовать много плагинов.
Хорошая новость заключается в том, что столбцы можно добавлять без специального плагина WordPress. Есть два способа сделать это:
- Используйте тему WordPress, которая предлагает эту опцию.
- Создание столбцов с помощью HTML
Содержимое с несколькими столбцами также называется содержимым столбцов сетки. Эта функция теперь предлагается по умолчанию в WordPress.
Редактор Гутенберга имеет редактор блоков, который значительно упрощает использование столбцов.
Чтобы убедиться, что эта функция доступна, обновите WordPress до последней версии. Затем столбцы находятся всего в нескольких щелчках мыши с блоком столбцов.
Этот вариант отлично подходит, когда навыки кодирования и программирования недостаточно развиты.
Еще одним преимуществом блока столбцов является то, что в столбец можно добавлять различные блоки. Эти блоки могут быть текстом, изображениями или кнопками.
Как уже упоминалось, столбцы отлично подходят для размещения информации о продуктах и ценах. Имея несколько доступных столбцов, можно включать изображения и названия продуктов.
Блоки столбцов легко расположить горизонтально или вертикально. Комбинация этих типов расположения приводит к формированию сетки.
Итак, вот подробный обзор того, как создавать столбцы без использования плагина WordPress. Вот шаги:
- Перейти к
- Нажмите на знак, чтобы добавить блок. Он находится в верхнем левом углу.
- Появится список всех доступных блоков.
Типы блоков отсортированы по категориям. Воспользуйтесь функцией поиска, чтобы найти нужное.
- Найдите элементы макета
- Выберите Столбцы.
- Добавьте блоки к столбцам. Для начала холст будет разделен на две колонки.
Добавьте текст, введя его в один из столбцов. Другой вариант — добавить блоки, нажав знак +.
- При желании добавьте еще, увеличив количество столбцов. Щелкните левой кнопкой мыши по блокам столбцов.
Это откроет панель настроек справа. На картинке ниже показано, как это выглядит.
Увеличьте количество блоков до трех, четырех, пяти или шести.
- Будьте осторожны при удалении столбцов, так как информация в удаленных столбцах также будет потеряна. Восстановить эту информацию невозможно.
Предопределенные макеты
С выпуском WordPress 5.3 появилось много улучшений в использовании столбцов в блогах и сообщениях. В дополнение к добавлению блоков пользователь теперь может определить их выравнивание и расположение.
Для пользователей с ограниченным опытом работы с WordPress есть очень практичные предопределенные макеты. Именно таким должно быть создание колонок и без помощи плагина WordPress.
Предопределенные макеты являются необязательными.
Пропустив этот шаг, WordPress разделит холст на две колонки одинаковой ширины. Количество и ширина этих столбцов настраиваются позже.
Базовые настройки блока столбцов
Вариантов, которые предлагает WordPress Columns, немного.
Изменить выравнивание столбцов можно только в том случае, если активная тема поддерживает это. Кнопки для этого находятся на панели вверху.
Важным параметром в настройке блока столбцов является количество столбцов. Чтобы изменить это, перейдите на боковую панель инспектора справа.
Измените число, щелкнув мышью, или введите число в поле. Раскладка меняется сразу после увеличения или уменьшения числа.
Это быстро и просто и не требует изменения кода. Другая возможность — добавить пользовательский класс CSS в блок столбцов.
Новые настройки ширины столбца
Также с появлением WordPress 5.3 стало намного проще настраивать столбцы. Инспектор содержит ползунок, с помощью которого можно изменить ширину столбца.
Это гарантирует, что содержимое столбцов всегда будет аккуратно распределено.
Еще одна особенность заключается в том, что теперь он позволяет создавать несколько блоков. До выпуска версии 5.3 иногда было сложно работать с несколькими блоками.
Новая функция под названием Block Appender значительно упростила этот процесс. Достаточно одного клика, и разные блоки подсвечиваются разными цветами.
Добавление мультимедиа и другого контента в столбцы
Помимо добавления текста, в новых колонках можно использовать изображения или вставлять видео. Это требует использования различных блоков.
Добавьте новый блок, наведя указатель мыши на столбец и нажав «Добавить новый блок ». Или введите /[имя блока], где «имя блока» заменяется именем блока.
После этого вновь созданный блок появится в соответствующем столбце. Добавьте к нему соответствующий контент.
Ниже приведен пример того, как это может выглядеть в теме 2019 года. Он показывает три столбца, а последний содержит изображение.
Есть еще один вариант, Медиа и текст.
Это добавит изображение и некоторый текст рядом с ним. С этой опцией нет необходимости создавать дополнительный столбец.
Создание столбцов с помощью HTML
Для тех, кто заинтересован в этом, есть также возможность использовать HTML для создания столбцов.
WordPress очень мощный и может создать очень красивый веб-сайт. Тем не менее, HTML по-прежнему остается очень популярным методом создания сайтов.
Чтобы сделать столбцы, добавьте этот фрагмент кода в текстовый редактор:
Это очень быстро создает таблицу со столбцами, и ее легко изменить. Однако не все темы WordPress хорошо обрабатывают эти столбцы.
Для решения возникающих проблем требуется некоторый опыт.
Заканчиваем мысли о том, как сделать столбцы в WordPress
WordPress 5.3 и включение редактора блоков значительно упростили использование колонок в блогах и сообщениях. Из-за блока WordPress Column больше не нужно использовать плагин или возиться с HTML-кодом.
Создать столбцы в WordPress или удалить их просто. Он очень интуитивно понятен и приятен в работе даже для менее технических пользователей.
В результате получается красиво выровненный макет с несколькими столбцами. Прежде всего, получившиеся страницы будут адаптивными.
Если вам понравилось читать эту статью о том, как создавать столбцы в WordPress, вы должны прочитать эту статью о том, как редактировать категории в WordPress.
Мы также написали о нескольких связанных темах, таких как удаление тем WordPress, как сделать телефонный номер кликабельным в WordPress, как поставить водяной знак на изображения, как проверить версию WordPress, создать сравнительную таблицу с плагинами WordPress, как загрузить HTML. файл в WordPress, где хранятся страницы WordPress и как выровнять текст в WordPress.