Archives déroulantes widget portant le titre comme Bootstrap menu déroulant

Question

Dans WordPress, il y a un widget par défaut des archives qui affiche une forme sélectionner avec la liste des archives mensuelles et on change exécute:

document.location.href = this.options [this.selectedIndex] .value;

J'ai besoin les mêmes fonctionnalités, mais un style comme dropbdown Bootstrap

<div class="btn-group dropdown"> 
    <button class="btn btn-link">Dropdown Button</button> 
    <button class="btn dropdown-toggle btn-large" data-toggle="dropdown"><span class="caret"></span></button> 

    <ul class="dropdown-menu"> 
     <li><a href="">Link</a></li> 
     <li><a href="">Link</a></li> 
     <li><a href="">Link</a></li> 
    </ul> 
</div> 

Comment puis-je y parvenir?

Y at-il la classe que je pourrais ajouter à la sélection, de sorte que je reçois le style déroulant Bootstrap avec les mêmes fonctionnalités?

Answer 1

Il n'y a aucun moyen de modifier la sortie pour ce widget. Vous devez copier l'ensemble WP_Widgets_Archives et créer votre propre widget. Voir le Widgets_API et cet article ancien, mais toujours valide: The complete guide to creating widgets in WordPress 2.8.

Vous devez placer votre code dans ce bloc:

if ($d) { 
    ?>  
     <div class="btn-group dropdown"> 
      <button class="btn btn-link">Dropdown Button</button> 
      <button class="btn dropdown-toggle btn-large" data-toggle="dropdown"><span class="caret"></span></button> 
      <ul class="dropdown-menu" role="menu"> 
       <?php wp_get_archives(array('type' => 'monthly', 'format' => 'html', 'show_post_count' => $c)); ?> 
      </ul> 
     </div> 
    <?php 
} 

Notez le format html pour wp_get_archives, cela produit une liste <li>.