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

closeThis post was published 6 years 8 months 5 days ago which may make its actuality or expire date not be valid anymore. This site is not responsible for any misunderstanding.

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/



Přečtěte si také:



Kategorie : Pluginy, WordPress
Štítky:, , ,

7 x okomentováno “Rozdělení textu do dvou sloupců – plugin WP Columns”

Přidat komentář (+)

  1. Krabath napsal:

    Ahoj, mohu se zeptat kam přesně v „kaskádové styly css“ vložím ten kód? Předem děkuju za odpověď.

  2. WPress napsal:

    V souboru s příponou .css vybrané šablony vzhledu, velmi často style.css. Do tohoto souboru v podstatě kamkoli, kde vám to bude vyhovovat, pro začátek třeba i na samý konec.

  3. Krabath napsal:

    Děkuju moc, ale mě se to stejně nějak nedaří. To nevadí. Ještě jednou moc děkuju za ochotu poradit.

  4. WPress napsal:

    Možná v té šabloně chybí nějaká funkčnost, anebo si plugin nerozumí s WP 3.0.x. Nefunfuje to ani v základní WP šabloně (TwentyTen, Kubrick…), a také s vypnutými ostatními pluginy? 🙂

  5. Krabath napsal:

    To už jsem nezkoušel, neměl jsem tolik času. 🙂

  6. Leonardo napsal:

    Skvělé! Moc díky, funguje! Palec nahoru 🙂

Trackbacky/Pingbacky

  1. WP Columns – Rozdělení textu příspěvku do dvou sloupců « WordPress

Okomentovat

Pro vkládání komentářů musíte být přihlášen/a.