Columnizer — плагин для форматирования текста поста в несколько колонок

Columnizer - плагин для форматирования текста поста в несколько колонок | n-wp.ru
Плагин, добавляющий в блог несколько шорткодов для разбивки содержимого на несколько колонок - можно разбивать текст на 2, 3 и даже 12 колонок. Ширина колонок определяется автоматически и подстраивается под ширину окна браузера.
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Сейчас в моде два вида блогов — с автоматической шириной контента, подстраивающейся под ширину браузера, и с фиксированной шириной в 960 точек. Если с размещением текста в блоге с фиксированной шириной проблем нет (обычно он размещается в одну колонку), то с размещением текста в блоге с «резиновой шириной» может получиться так, что при недостаточном объеме текста в абзацах на странице может остаться много незаполненного пространства, что ухудшает восприятие информации. Газетчики давно уже применяют в таких случаях размещение текста в несколько колонок — плотность информации увеличивается, читателю не приходится перебегать глазами по странице — все это улучшает восприятие информации.

Я уже писал о плагинах, позволяющих форматировать текст таким образом, чтобы он разбивался на несколько колонок: J Shortcodes, WP Columns и другие. Плагин [span text=»Columnizer»] так же умеет форматировать текст, размещая его в посте в несколько колонок.

Columnizer - плагин для форматирования текста поста в несколько колонок

Плагин использует скрипты jQuery, с помощью которых равномерно распределяет содержимое колонок на экране, автоматически вычисляя ширину колонок в зависимости от ширины браузера. Всего можно разместить от 2 до 12 колонок. Для разбивки содержимого на колонки используется простой, но удобный способ — шорткоды:

[twocolumns]    Этот текст будет разбит на 2 колонки   [/twocolumns]
[threecolumns]  Этот текст будет разбит на 3 колонки   [/threecolumns]
[fourcolumns]   Этот текст будет разбит на 4 колонки   [/fourcolumns]
[fivecolumns]   Этот текст будет разбит на 5 колонок   [/fivecolumns]
[sixcolumns]    Этот текст будет разбит на 6 колонок   [/sixcolumns]
[sevencolumns]  Этот текст будет разбит на 7 колонок   [/sevencolumns]
[eightcolumns]  Этот текст будет разбит на 8 колонок   [/eightcolumns]
[ninecolumns]   Этот текст будет разбит на 9 колонок   [/ninecolumns]
[tencolumns]    Этот текст будет разбит на 10 колонок  [/tencolumns]
[elevencolumns] Этот текст будет разбит на 11 колонок  [/elevencolumns]
[twelvecolumns] Этот текст будет разбит на 12 колонок  [/twelvecolumns]

Оформление колонок находится в файле columnizer.css в папке плагина. Однако можно добавить и свое оформление непосредственно в файл style.css. Например:

#main #columnizer .first div {
    margin-right: 10px;
    margin-left: 0 !important;
}
#main #columnizer .last div {
    margin-left: 10px;
    margin-right: 0 !important;
}
#main #columnizer .column div {
    margin-left: 10px;
    margin-right: 10px; 
    border-left: 1px dotted #eee;
    border-right: 1px dotted #eee;
}
Columnizer
Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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