Κατηγορίες σε δύο στήλες

Κατηγορίες σε δύο στήλες

Κατά την δημιουργία του νέου akouseto.gr, ένα από τα στοιχεία που θέλαμε να έχει ήταν να εμφανίζονται οι κατηγορίες στην Sidebar σε δύο στήλες. Ο λόγος; Ο μεγάλος αριθμός κατηγοριών που αν έμενε σε μία μόνο στήλη θα πήγαινε πολύ χαμηλά στην οθόνη. Ψάξαμε παντού και τελικά βρήκαμε έναν αναίμακτο τρόπο για να γίνει αυτό. Το μόνο που απαιτείται είναι η τοποθέτηση του παρακάτω κώδικα σε ένα text widget στην sidebar:

<?php
$cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=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;
?>
<ul class="left">
<?php echo $cat_left;?>
</ul>
<ul class="right">
<?php echo $cat_right;?>
</ul>

Εκτός από αυτό όμως, θα χρειαστεί να τοποθετήσετε κάπου στο αρχείο style.css τον ακόλουθο κώδικα μορφοποίησης:

.right {float:left; width:140px;}
.left {float:left; width:140px;}

Έτσι, απλά και ταπεινά, έχουμε το αποτέλεσμα που επιθυμούμε.

[via]

Related Articles

2 ΣχόλιαΣχολιάστε

Leave a Reply

Η διεύθυνση σας δεν θα αναρτηθεί. Τα απαιτούμενα πεδία σημειώνονται με *