Rozdělení textu do dvou sloupců - plugin WP Columns

Tento tip jsem napsala před více než rokem, widget či plugin proto nemusí být už kompatibilní s nejnovější verzí WordPressu (i některé starší pluginy však fungují, proto je to třeba vyzkoušet). Rozhodně doporučuji všimnout si, pro kterou verzi byl naposledy aktualizován v oficiální databázi pluginů na wordpress.org

Potřebujete-li někde uplatnit rozdělení textu do dvou sloupců, respektive nerozdělené hlavičky a dvou sloupců, pak oceníte plugin WP Columns.

Administrace pluginu se přidá poněkud netradičně do bočního menu přímo pod hlavičku Pluginy (a ne pod Nastavení), kde si určíte, jakou podobu bude mít "rozdělovač", defaultně je to: /---/. Zde si také můžete nastavit CSS třídu, pokud se vám lépe hodí přidat prvkům vlastnosti pomocí kaskádových stylů.

Nevím, zda vše mělo začít fungovat okamžitě, ale já jsem musela nejprve do souboru se styly (style.css) přidat připravené CSS:

.wpcolumn-clearfix {
clear: both;
}
.wpcolumn-wrapper-3 .wpcolumn {
float: left;
margin: 10px 4% 15px 0;
width: 46%;
}
.wpcolumn-wrapper-3 .wpcolumn-last {
margin-right: 0;
}
.wpcolumn-wrapper-3 .wpcolumn-1 {
color:#888888;
font-family:'Lucida Grande',Verdana,Arial,sans-serif;
font-size:16px;
float: none;
width: auto;
}

Samozřejmě je jasné, že výše uvedené CSS si můžete upravit podle potřeb. Pokud používáte separátory samostatně, pak první /---/ oddělí souvislou hlavičku textu, a až druhé /---/ v místě jeho použití zalomí text do druhého sloupce.

Chcete-li raději použít styly, pak je příklad jejich použití následující:

<div class="wpcolumn-wrapper wpcolumn-wrapper-3">
<div class="wpcolumn wpcolumn-1 wpcolumn-first">Nerozdělená hlavička</div>
<div class="wpcolumn wpcolumn-2 wpcolumn-other">Levý sloupec</div>
<div class="wpcolumn wpcolumn-3 wpcolumn-last">Pravý sloupec</div>
<div class="wpcolumn-clearfix"></div>
</div>

Plugin WP Columns ke stažení:

http://wordpress.org/extend/plugins/wp-columns/