[WordPress] Comment convertir votre thème en HTML5

Vous avez un blog WordPress, vous n’avez pas peur de mettre les mains dans le « cambouis » ?  Alors mettez à jour votre thème WordPress en HTML5 !

Grâce à cet article, vous allez comprendre la structure globale d’un thème WordPress afin de le convertir en HTML5.
On va modifier les éléments de base tel que l’entête, le corps et le pied de page.

Pour faire d’une page, une page en HTML5, il suffit de changer le doctype de votre document afin d’annoncer que ce dernier sera au format HTML5.  Celui-ci va nous permettre d‘insérer les nouveaux éléments rendant la disposition plus facile et plus efficace.  Le navigateur gère ainsi les éléments qui permettent de fournir des fonctionnalités améliorées, d’offrir une rationalisation du code sémantique et éliminant le besoin de balises supplémentaires.

Étape 1 : entête

Ouvrez votre fichier header.php. Un thème typique écrit en XHTML commencera plus ou moins comme ceci:


    <html xmlns="http://www.w3.org/1999/xhtml" >
    
    <meta http-equiv="Content-Type" content="; charset=" />

Vous devez le modifier comme ceci :


    
    <html id="ie6" >
    
    
    <html id="ie7" >
    
    
    <html id="ie8" >
    
    <html >
    <!--
    
    <meta charset="" />

Ce nouvel en-tête inclut notre doctype HTML5, certaines balises conditionnelles pour IE, et une balise

Pour les navigateurs qui ne prennent pas en compte les nouvelles balises HTML5, il faut inclure un fichier Javascript. Il n’y a pas encore beaucoup de choix, les plus utilisés sont Modernizr et le script HTML5 de Remy Sharp.

Ici je vais utiliser Modernizr. Ce script doit être placé au-dessus de la balise comme ceci :

<script src="/js/Modernizr-1.6.min.js">

Petite amélioration avec l’HTML5 est la suppression d’attribut type="text/javascript". Le navigateur interprète désormais le code qui se trouve entre les balises de début et fin , comme du JavaScript sauf indication contraire. Vous pouvez également supprimer l’attribut type="text/css" à partir de vos balises qui pointent vers une feuille de style.

Étape 2 : le corps

Ensuite, entrons dans la balise de la mise en page HTML. Vous avez probablement quelque chose de semblable à cette structure :

Si votre thème utilise une classe wrapper dans votre structure afin d’isoler correctement les éléments de votre entête. La balise

peut remplacer n’importe quel élément

utilisé pour envelopper les éléments de votre entête. Je peux donc simplement changer la balise

ainsi que le

faisant office de navigation dans un élément

2 réflexions sur “ [WordPress] Comment convertir votre thème en HTML5 ”

  1. Bonjour,

    Merci beaucoup, même si pour l’instant jene vais pas toucher mon site c’est une des choses que je chercherai à faire pour l’avenir, mise à part si je trouve un changeur automatique.

    bonne continuation

  2. Bonjour

    Il n’existe pas de changeur automatique. Il faut soit refaire sont thème soit partir d’un thème html5 existant.

    Cordialement

Les commentaires sont fermés.