Сейчас в моде два вида блогов – с автоматической шириной контента, подстраивающейся под ширину браузера, и с фиксированной шириной в 960 точек. Если с размещением текста в блоге с фиксированной шириной проблем нет (обычно он размещается в одну колонку), то с размещением текста в блоге с “резиновой шириной” может получиться так, что при недостаточном объеме текста в абзацах на странице может остаться много незаполненного пространства, что ухудшает восприятие информации. Газетчики давно уже применяют в таких случаях размещение текста в несколько колонок – плотность информации увеличивается, читателю не приходится перебегать глазами по странице – все это улучшает восприятие информации.
Я уже писал о плагинах, позволяющих форматировать текст таким образом, чтобы он разбивался на несколько колонок: J Shortcodes, WP Columns и другие. Плагин [span text=”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 
