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

Ромчик
0

Доброго времени суток. В данной статье мы рассмотрим, как создавать многоколоночный макет для контента в WordPress. Для тех, кто разбирается в HTML и CSS это не составит труда. А вот если не знаешь, как это сделать HTML и CSS, то это может стать большой проблемой. Дальше мы и рассмотрим, как с помощью плагина для WordPress разбить контент на несколько столбцов. И так…

Первое, то нам необходимо это установить плагин Advanced WP Columns.

Установка плагина Advanced WP Columns.

Есть несколько способов установки:

После установки активируем плагин. И приступаем к настройке.

Использование плагина Advanced WP Columns

Создаем новый пост. И в редакторе видим.

 

Добавление колонок в WordPress

Иконку для вызова плагина.

Замечание. Если у вас нет нижней сроки с иконками, то нажмите по «Показать/Скрыть панель»

При вызове Advanced WP Column мы попадаем в окно редактирования колонок

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

Но есть и продвинутые настройки плагина.

Настройка плагина Advanced WP Columns

Переходим «Настройки»->«Advanced WP Columns»

настройка плагина

Тут мы можем задать:

  • Ширину контейнера
  • Начальную структуру (один, два, три или четыре колонки)
  • Включить или отключить поддержку адаптивности
  • Указать ширину в px, тогда при меньшей ширине будет отображаться одна колонка
  • Указать %, который будет занимать колонка
  • Добавить css классы
  • И др.

Ну вот и все. Данный плагин позволяет с легкостью настроить многоколоночный контент, не прибегая к знаниям HTML и CSS.

Но все же я рекомендую делать колонки с помощью CSS и HTML. Тем самым вы выиграете в производительности вашего сайта.

Понравилась статья? Поделись с друзьями.
  • Add to favorites
  • Добавить ВКонтакте заметку об этой странице
  • Twitter
  • Facebook
  • Мой Мир
  • LiveJournal
  • Одноклассники
  • Блог Я.ру
  • MySpace
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • Reddit
  • StumbleUpon
  • Technorati
  • del.icio.us
  • БобрДобр
  • LinkedIn
  • Memori.ru
  • Сто закладок
  • Blogger

©2012-2019 По всем вопросам обращайтесь через форму обратной связиПолитика конфиденциальности

Яндекс.Метрика