Kategórie →

"Blog o IT, webe, programovaní, software, gadgetoch
a tak trochu aj o mojom živote a názoroch"

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.

Ďalej čítaj

  • jQuery: ako na stream zo sociálnych služieb
    Prinášam tip na tvorbu jednoduchého agregátora, ktorý spracováva stream zo sociálnych služieb a sieti. Výsledok sa dá vložiť na akúkoľvek stránku. Plugin má názov So So Social a používa v nadpise už s...
  • Pluralink: jeden link, veľa možností
    Na doméne pluralink.com nájdete JavaScriptovu knižnicu, ktorá dokáže jeden link rozvetviť na viaceré. V praxi to vyzerá tak že pri akcii nad linkom sa zobrazí menu s ďalšími odkazmi. Pluralink je mož...
  • Ako na web s vlastným profesionálnym portfóliom
    Veľmi pekné portfóliá so zaujímavými efektami sú doménou predovšetkým webových dizajnérov. No aj fotograf či stolár môžu mať vlastné portfólio na dobrej úrovni. No hlavne bez nutnosti znalosti akéhoko...
  • Ecoder je webový open-source editor
    Snáď každý editor má už na webe svoju alternatívu – či už ide o audio, obrázky, video alebo obyčajný. Taký Google už aj použiteľný kancelársky balík. Dnes by som rád predstavil jeden textový editor, k...
  • Jednoduchý a elegantný newsletter
    Väčšina CMS má nejaký ten plugin pre mailový newsletter. Pokiaľ je takáto požiadavka na jednoduchšiu stránku odporúčam siahnuť po Newsletter module pre 0.9. Po technickej stránke ide o kombináciu PHP...

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.