Как вывести содержимое поста в несколько колонок и добавить красивое оформление | J Shortcodes

Как вывести содержимое поста в несколько колонок и добавить красивое оформление | J Shortcodes | n-wp.ru

Сейчас все большей популярностью стали пользоваться так называемые “резиновые” темы. В них ширина блога не фиксированная, а плавающая – она растягивается в зависимости от ширины окна браузера, содержимое записи заполняет все свободное пространство. Подход к оформлению текста в таких темах отличается от того, что можно применять в темах с фиксированной шириной. Если основная колонка информации получается слишком широкой, то для лучшего восприятия текста ее можно разбить на несколько. Такую разбивку можно внедрить в сам шаблон, а можнео использовать по мере необходимости, применяя шорткоды. Именно это и позволяет делать плагин J Shortcodes.

Как вывести содержимое поста в несколько колонок и добавить красивое оформление | J Shortcodes

Кстати, в теме JournalCrunch используется именно такой подход – шорткоды для разбивки содержимого поста на несколько колонок с оформлением.

Плагин J Shortcodes содержит шорткоды, разделенные на три группы – J Buttons, J Boxes, J Columns. Первая группа выводит красиво оформленные кнопки, вторая – текстовые вставки с оформлением, третья разбивает содержимое на несколько колонок.

Шорткод [jbutton] выводит кнопки:

Как вывести содержимое поста в несколько колонок и добавить красивое оформление | J Shortcodes

Шорткод [jbox] выводит красиво оформленные текстовые вставки:

Как вывести содержимое поста в несколько колонок и добавить красивое оформление | J Shortcodes

Шорткод [jcolumns] выводит содержимое в несколько колонок:

Как вывести содержимое поста в несколько колонок и добавить красивое оформление | J Shortcodes

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

[dl1 dlurl=”http://www.jshortcodes.com/” name=”J Shortcodes”]
Автор tiaurus 2181 статья
Автор n-wp.ru — блога о WordPress для новичков.

6 комментариев

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*