Kategórie →

WordPress kategórie v dvoch stĺpcoch

Pri tvorbe poslednej šablóny na blogu som hľadal riešenie ako rozdeliť kategórie do dvoch stĺpcov. Predsa len sa ich nazbieralo celkom dosť a v jednom stĺpci mi pripadali také nekompaktné. Pôvodný výpis vyzeral takto:

<?php wp_list_categories('show_count=1&title_li=<h2>Categories</h2>'); ?>

WordPress kategórie v dvoch stĺpcoch

Mne sa pre toto riešenie pozdával jednoduchý PHP cyklus – veď načo všetko riešiť nejakými rozšíreniami, keď sa to dá spraviť priamo v šablóne:

  <div id="foo_kategorie"><?php
        $cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&show_count=1&style=none'));
        $cat_n = count($cats) - 1;
          for ($i=0;$i<$cat_n;$i++):
          if ($i<$cat_n/2):
        $cat_left = $cat_left.'<li>'.$cats[$i].'</li>';
          elseif ($i>=$cat_n/2):
        $cat_right = $cat_right.'<li>'.$cats[$i].'</li>';
          endif;
          endfor;
      ?>

      <h2>Kategórie</h2>
        <ul class="left"><?php echo $cat_left;?></ul>
        <ul class="right"><?php echo $cat_right;?></ul>
  </div>

Do súbora style.css vašej šablóny nezabudnite pridať dve triedy, ktoré pozicujú stĺpce. Ich pomenovanie nechám na vás, mnou použité left a right možno už máte v šablóne pre iné triedy.

Pokiaľ budete chcieť ešte viac ušetriť miesto odporúčam plugin DomTABs. Osobne som ho zatiaľ len testoval, nasadený nieje no možno ho čoskoro pridám do pätičky. Ide o dosť pekný JavaScript, ukážku aj návod na jeho použitie nájdete na problogdesign.com.


Mohlo by ťa zaujímať aj

3x komentované

Myslíš, že máš čo povedať? Zanechaj komentár

  1. Piki povedal:

    Ešte by bolo šikovné zarovnať tie stĺpce (dolný okraj) farbu pozadia na rovnakú veľkosť. Aspoň tie čo sú približne rovnako široké. Ale hlavne, pri zväčšení písma vo FF (win) vylezie text z podkladu.

  2. mekelle povedal:

    Zaujimave!:) zrejme to skusim pouzit v trochu upravenej verzii na archiv, ktory kvoli dlzke zacina robit na titulke sarapatu:(

  3. alian povedal: (Autor blogu)

    Piki o tom probleme viem, ale robi to len ak zoomujes len text – FF defaultne zoomuje vsetko – takze tam zasadny problem nevidim. Chyba je v tom ze chlievik ma presne danu velkost, inak mi nechcel obtiect kategorie.

Zanechaj komentár

Píš k veci a konaj tak ako v skutočnom svete. V opačnom prípade budú aplikované hrozby, ktoré sú uvedené v podmienkach používania tejto stránky.