Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947
Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947
Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947
Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947
Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947
Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947
Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947
Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947
Notice: Undefined index: HTTP_64 in /homepages/18/d292512461/htdocs/wp-content/plugins/wp-syntax/geshi/geshi.php on line 1947
Nous allons commencer par le HEADER. Pourquoi ? Simplement parce que c’est ici que sont contenu les informations pour permettre au navigateur d’interpréter votre page web.
Le document d’en-tête doit comprendre les éléments suivant :
- Utilisez le bon DOCTYPE.
- L’ouverture avec la balise <html> qui doit inclure le code php
language_attributes (). - La balise <meta /> « content-type » devrait être placé avant tout le reste, y compris la balise <title>.
- Utilisez la fonction php
bloginfo ()pour récupérer le titre et la description. - Utilisez les liens RSS automatique pour ajouter des liens d’alimentation.
- Ajoutez un appel à la fonction php
wp_head (). Certains plugins utilisent cette fonction pour ajouter leurs propres scripts, feuilles de style, et d’autres fonctionnalités.Toujours placerwp_head ()juste avant la balise </ head> de votre thème, ou vous briserez de nombreux plugins. - l’ouverture de la balise <body>
Voici l’exemple d’un en-tête correctement formaté en « XHTML 1.0 Transitional » :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <?php /* * C’est dans ce document que l’on trouve les infos comme le DocType, * ou les balises META, les liens vers les feuilles de styles CSS contenues entre les balises <head> </head>. */ ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(xhtml); ?>> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php wp_title(); ?> <?php bloginfo( 'name' ); ?></title> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>" type="text/css" media="screen" /> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> <?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?> <?php wp_head(); ?> </head> <body> <div id="header"> <div class="title"> <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1> <?php bloginfo('description'); ?> </div> </div> |
Allez, décortiquons tout ça.
8 | <html <?php language_attributes( 'xhtml' ); ?>> |
- Constitue un ensemble d’attributs HTML contenant des informations sur le langage de la page. En l’occurrence ‘XHTML’, car c’est ce que l’on a déclaré dans le Doctype.
11 | <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> |
bloginfo('html_type'): Fonction php qui donnera comme résultat « text/html; « .bloginfo('charset'): Fonction php qui donnera comme résultat « charset=UTF-8″.
12 | <title><?php wp_title(); ?> <?php bloginfo( 'name' ); ?></title> |
wp_title(): Affiche le titre d’un message lorsque vous accédez à une page de poste unique.bloginfo('name'): Fonction php qui récupère le titre du blog.
14 | <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>" type="text/css" media="screen" /> |
bloginfo( 'stylesheet_url' ): Récupère l’adresse du fichier CSS pour la mise en page du blog.
15 | <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> |
bloginfo( 'pingback_url' ): Récupère l’adresse du lien pingback. Le Pingback c’est quoi ? Un pingback c’est un lien permettant aux auteurs d’articles d’avoir une notification lorsque un lien pointe vers l’un de leurs documents.
16 | <?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?> |
- On pourrait traduire cette ligne par : Si on se trouve sur une page singulière et que l’option ‘thread_comments’ sont VRAIS, alors on ajoute des fonctions javascript aux commentaires.
17 | <?php wp_head(); ?> |
- Comme dit précédement : « Certains plugins utilisent cette fonction pour ajouter leurs propres scripts, feuilles de style, et d’autres fonctionnalités.Toujours placer
wp_head ()juste avant la balise </ head> de votre thème, ou vous briserez de nombreux plugins ».
Et enfin :
21 22 23 24 | <div class="title"> <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1> <?php bloginfo('description'); ?> </div> |
bloginfo('url'): Récupère l’adresse du site.bloginfo('name'): Récupère le nom du site.bloginfo('description'): Récupère la description du site.
Voilà, avec ce header, nous avons déclarer correctement le doctype et le head, ainsi qu’afficher le titre ey la description de votre blog.
Il ne vous reste plus qu’à copier/coller ce bout de code, et de l’enregistrer avec votre éditeur de texte en le nommant « header.php ».