WordPress Thème Minimum #6

Créer & comprendre un thème minimum pour WordPress.

HEADER.PHP

Header structure l'entête du thème
  • Elle injecte les codes de typage de la page HTML affichée(DOCTYPE)  (puisque le PHP génère de l’HTML) ainsi que les pages de caractères utilisés (charset)
  • Intègre la page de style STYLE.CSS
  • Elle en argumente la section <HEADER>  et en particulier la section <TITLE>
  • Et y place les éléments d’entête paramétrés dans WordPress par le menu “Thème/Personnalisation” par le code wp__header (sorte de macro commande PHP pour include (“wordpress_header_perso”);
  • Elle se termine par :
    1. l’ouverture de la balise de contenu <BODY>,
    2. suivie de l’affichage de l’entête lui même, et en particulier du menu s’il existe (l’entête de la page WordPress est donc différent de l’entête de la page HTML, car plus étendue dans la double fonction de “déclaration, puis d’affichage“)
    3. puis de l’ouverture des différents conteneurs, et en particulier de la déclaration des balises <DIV>
  • Header.php génére donc un début d’écriture de page Web tronquée
  • Qui devra obligatoirement être complétée (remplissage + fermeture) par les codes des pages INDEX.PHP et FOOTER.PHP qui forment un tout!
Exemple de HEADER.PHP
  • Inspiré de l’ouvrage à recommander de Christophe AUBRY
<!DOCTYPE html>
<html <?php language_attributes(); ?>>     
  <head>         
    <title>      
      <?php bloginfo('name');?> |        
      <?php bloginfo('description');?>             
    </title>         
    <meta charset="<?php bloginfo('charset');?>"    />         
    <link href="<?php bloginfo('stylesheet_url');?>" rel="stylesheet" />                   
    <?php wp_head(); ?>       
  </head>        
  <body>          
    <header id="en-tete">  <h1>          
        <?php bloginfo('name');?>        
    </header>          
    <nav>         
      <?php wp_nav_menu();?>        
    </nav>          
    <div id="contenu">

 

 

On remarque qu'une grande partie des infos est fournie par WORDPRESS
language_attributes Langue du Navigateur (ex:ang=”fr-FR“)
bloginfo(‘name‘) Titre du Blog
bloginfo(‘description‘) Sous Titre ou “Slogan
bloginfo(‘charset‘)  Jeu de caractères (ex : UTF-8)
bloginfo(‘stylesheet_url’)  pointe le fichier style.css
wp_head  injecte les codes d’entête de WordPress
wp_nav_menu  injecte le code de contenu du MENU

Début Précédent Suivant Fin

Laisser un commentaire