WordPress : Comment utiliser add_theme_support(‘html5’) ?

Publié par Jean-Michel le

J’essaie de comprendre comment add_theme_support()fonctionne la fonction, mais dans la section de Html5, j’ai essayé de l’utiliser avec la galerie et j’ai remarqué que le balisage a changé pour cela, et voici ce que j’ai fait

add_theme_support( 'html5', array('gallery') );

mais pour les autres comme search-form ou comment-form par exemple

add_theme_support( 'html5', array( 'comment-form','search-form','gallery', 'caption' ) );

Je n’ai remarqué aucun changement dans la sortie, alors ai-je raté quelque chose? ou comment ça marche?

Solution n°1 trouvée

J’ai compris pourquoi aucun changement ne se produit, et le problème était que j’appelais un fichier de formulaire de recherche personnalisé searchform.phpet que la fonction add_theme_support()n’affectait que les fonctionnalités intégrées. Donc, si vous souhaitez utiliser le formulaire de recherche par défaut en appelant get_search_form()sans avoir le searchform.phpfichier, vous pouvez utiliser

add_theme_support( 'html5', array( 'search-form' ) );

et cela appliquera un balisage html5 au formulaire. Voici l’avant et l’après add_theme_support()(Contient du texte arabe):

Avant de:

<form role="search" method="get" id="searchform" class="searchform" action="http://localhost/TB/">
            <div>
                <label class="screen-reader-text" for="s">????? ??:</label>
                <input value="" name="s" id="s" type="text">
                <input id="searchsubmit" value="???" type="submit">
            </div>
        </form>

Après:

<form role="search" method="get" class="search-form" action="http://localhost/TB/">
            <label>
                <span class="screen-reader-text">????? ??:</span>
                <input class="search-field" placeholder="??? …" value="" name="s" type="search">
            </label>
            <input class="search-submit" value="???" type="submit">
        </form>

Solution n°2 trouvée

Selon la documentation, vous devez passer un tableau d’éléments où vous souhaitez activer le balisage HTML5 :

add_theme_support( 'html5', array(
    // Any or all of these.
    'comment-list', 
    'comment-form',
    'search-form',
    'gallery',
    'caption',
) );

La documentation recommande également d’utiliser add_theme_support()on the after_setup_themehook, indiquant que le inithook peut être trop tard pour certaines fonctionnalités.

Référence

Documentation développeur : add_theme_support()» HTML5

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *