amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Колонки – это способ упорядочивания контента. В них можно разместить текст, изображение или что-либо другое, таким образом, что бы это читателю было удобнее воспринимать. Такой способ часто используется на лендингах или других страницах со сложной структурой. В этой статье рассмотрим, как сделать колонки WordPress. Разберём самый простой, но эффективный метод решения этой задачи.
Есть множество способов создать колонки в WordPress с помощью плагинов или HTML-кода. И все они имеют свои недостатки. Плагины нагружают сайт и могут быть платными, а HTML-код сложен в использовании, редактировании. Разработчики WordPress позаботились о том, чтобы вебмастеру было легко работать. Поэтому в новом редакторе Gutteberg (который уже давно не новый, но многие все ещё не хотят на него переходить) есть специальный блок, который позволяет упорядочивать контент таким способом. И это без плагина, который нагружает сайт, и без кода, с которым сложно работать.
Чтобы использовать этот метод, перейдите в редактор страниц или записей и нажмите на любую кнопку с плюсом. В поиске по блокам напишите “Колонки” и выберите блок, который так и называется.
Затем выберите сколько столбцов вы хотите разметить на странице и кликните мышкой на нужный вариант. Цифры отображают процентное соотношение между столбцами, задают их ширину, а картинка макет показывает, как это будет выглядеть.
Созданный блок можно наполнять любым контентом. Для этого следует в нужном месте нажать на плюс и потом добавить необходимый блок, например. абзац, изображение или другой. Таким способом можно наполнить каждый из столбцов.
Уже созданные столбцы можно настроить. Опции открываются в правой стороне редактора WordPress при клике на блок. На первой вкладке настраивается количество столбцов, то есть после создания можно изменить это. А также есть опция “Группировать друг над другом на мобильных устройствах”. Она по умолчанию включена. Если она включена, то на узком экране мобильного телефона колонки будут выстраиваться друг на другом, а не в ширину. Это необходимо для удобства. На второй вкладке находятся только настройки внешнего вида – цвет фона, шрифта и размер.
Достоинства именно этого способа реализовать колонки WordPress заключаются в том, что сделать это можно встроенными в CMS средствами без применения дополнительных плагинов или кодов. Это очень удобно и полезно для оптимизации сайта.
Колонки в WordPress – это специфичный блок, который бывает нужен не часто и только на специальных страницах. Они редко используются в SEO статьях. Этот блок следует применять в тех случаях, когда один сплошной текст сложно воспринимать и нужно разделить его на несколько колонок. Он будет больше полезен, например, на лендингах или других особенных страницах. В таком блоке можно разместить, например, перечень продуктов, тарифов, список отзывов и другой контент.
Колонки WordPress также имеют и свои недостатки. Например, они теряют весь свой смысл при просмотре на мобильном. Если включить опцию для размещения столбцов друг на другом на мобильном экране, то пользователю будет казаться, что их будто и нет. А если не включать её, то на узком экране они будут выглядеть не читабельно. Так что, это преимущественно десктопный способ размещения контента, для широких экранов.
Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…
Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…
Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…
WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…
Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…
WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…
View Comments
Я уже пользуюсь редактором Gutteberg, но колонки как-то не применял. Надо попробовать. И у меня есть вопрос: колонки делаются на всю страницу или можно где-то вставить в середине текста?
Можно в любом месте публикации добавить.