fonction personnalisée pour wp_list_categories à la liste des termes que des cases à cocher
J'ai besoin d'écrire une fonction personnalisée pour wp_list_categories ainsi, au lieu de l'affichage d'une liste hiérarchique des liens, ils sont au lieu d'une liste de cases à cocher avec le parent conditions affichées sous forme de balises h3.
Le résultat final ressemblera à http://jsfiddle.net/amesy/kwqpf5fv/6/
Voici le code PHP dans mon template WordPress fichier...
<?php
//list terms in a given taxonomy using wp_list_categories (also useful as a widget if using a PHP Code plugin)
$taxonomy = 'tags';
$orderby = 'name';
$show_count = 1; //1 for yes, 0 for no
$pad_counts = 0; //1 for yes, 0 for no
$hierarchical = 1; //1 for yes, 0 for no
$title = '';
$args = array(
'taxonomy' => $taxonomy,
'orderby' => $orderby,
'show_count' => $show_count,
'pad_counts' => $pad_counts,
'hierarchical' => $hierarchical,
'title_li' => $title
);
?>
<ul class="categories">
<?php wp_list_categories( $args ); ?>
</ul>
Voici le code HTML que <?php wp_list_categories( $args ); ?>
sorties...
<ul class="categories">
<li class="cat-item cat-item-21"><a href="http://tandsdev.co.uk/portfoliotags/client/" >Client</a> (0)
<ul class='children'>
<li class="cat-item cat-item-22"><a href="http://tandsdev.co.uk/portfoliotags/bmw/" >BMW</a> (3)
</li>
</ul>
</li>
<li class="cat-item cat-item-25"><a href="http://tandsdev.co.uk/portfoliotags/section/" >Section</a> (0)
<ul class='children'>
<li class="cat-item cat-item-27"><a href="http://tandsdev.co.uk/portfoliotags/automotive/" >Automotive</a> (3)
</li>
<li class="cat-item cat-item-28"><a href="http://tandsdev.co.uk/portfoliotags/property/" >Property</a> (2)
</li>
</ul>
</li>
<li class="cat-item cat-item-26"><a href="http://tandsdev.co.uk/portfoliotags/service/" >Service</a> (0)
<ul class='children'>
<li class="cat-item cat-item-29"><a href="http://tandsdev.co.uk/portfoliotags/branding/" >Branding</a> (3)
</li>
<li class="cat-item cat-item-30"><a href="http://tandsdev.co.uk/portfoliotags/email/" >Email</a> (3)
</li>
<li class="cat-item cat-item-31"><a href="http://tandsdev.co.uk/portfoliotags/website/" >Website</a> (2)
</li>
</ul>
</li>
</ul>
La case code je voudrais que chaque terme être affiché sous la forme d'un système de filtrage qui peut être vu ici http://jsfiddle.net/amesy/kwqpf5fv/6/
<div class="tags">
<h3>service</h3>
<label><input type="checkbox" id="type-Website" rel="Website">Website</label>
<label><input type="checkbox" id="type-Email" rel="Email">Email</label>
<label><input type="checkbox" id="type-Branding" rel="Branding">Branding</label>
<h3>sector</h3>
<label><input type="checkbox" id="type-Automotive" rel="Automotive">Automotive</label>
<label><input type="checkbox" id="type-Property" rel="Property">Property</label>
</div>
Je voudrais quand même garder les cases hiérarchique comme dans l'exemple ci-dessus, mais les titres dans les balises h3 parents, de termes et je ne veux pas de ces que des cases à cocher, comment dois-je faire de tout cela? 🙂
Vous devez vous connecter pour publier un commentaire.
Peut-être que vous pouvez utiliser
get_categories()
au lieu dewp_list_categories()
.Vous recevez d'abord les catégories de niveau supérieur en utilisant
parent => 0
et de montrer le nom de la catégorie dans la balise h3. Ensuite, vous pouvez obtenir les enfants des catégories en utilisantparent => $category->term_id
et de montrer les cases à cocher.Utiliser quelque chose comme dans l'exemple ci-dessous:
vous pouvez utiliser
wp_category_checklist()
comme ceci:pour obtenir de l'aide:
https://developer.wordpress.org/reference/functions/wp_terms_checklist/