Les modèles de page dans WordPess

Les modèles de page

Les pages dans WordPress

Dans WordPress, les pages permettent de créer du contenu « statique » qui n'est pas directement lié à l'actualité du site. On utilise les pages pour présenter du contenu qui n'évolue peu ou pas : mentions légales, présentation du site, conditions de vente...
Avec une installation standard de WordPress 3.1 et avec l'utilisation du thème par défaut TwentyTen, vous avez deux modèles de page : Modèle par défaut et One column, no sidebar.

Le modèle Modèle par défaut

Le modèle Modèle par défaut affiche la page avec l'en-tête (header), la barre latérale (sidebar) et le pied de page (footer). C'est le fichier page.php qui gère l'affichage de ce modèle, présent dans le dossier du thème TwentyTen (/ wp-content / themes / twentyten /).

Le modèle One column no sidebar

Le modèle One column no sidebar affiche la page avec l'en-tête (header), sans la barre latérale (sidebar) et avec le pied de page (footer). C'est le fichier onecolumn-page.php qui gère l'affichage de ce modèle, présent dans le dossier du thème TwentyTen (/ wp-content / themes / twentyten /).

Créer son modèle de page

La déclaration

Vous avez la possibilité de créer vos propres modèles de page. C'est extrêmement facile.
Dans un éditeur de code, vous devez saisir cette déclaration en commentaire PHP:

<?php
/*
Template Name: Nom du modèle de page
*/
?>

C'est la présence de Template Name qui permet la déclaration d'un modèle de page.

A la page du libellé Nom du modèle de page, vous devez saisir le nom que vous souhaitez donner à votre modèle. C'est ce nom qui apparaîtra dans la liste déroulante Modèle.

Vous pouvez aussi ajouter d'autres lignes de commentaires pour présenter votre modèle. Vous pouvez aussi mettre sur une seule ligne, la déclaration du modèle.

<?php
/* Template Name: Simpliste */
/* Modèle sans sidebar,ni footer */
?>

Enregistrer le fichier du modèle

Enregistrer le fichier en le nommant de manière similaire à son nom de modèle, même si cela n'est pas strictement obligatoire. C'est juste une question de logique de travail. Dans cet exemple, le fichier s'appelle simpliste.php.

Enregistrez le fichier dans le dossier du thème utilisé.

La boucle

Ensuite, vous devez insérer la boucle (loop) d'affichage des pages.

<?php if (have_posts()) : while (have_posts()) : the_post();?>
...
<?php endwhile; endif; ?>

Afficher le contenu des pages

Ensuite libre à vous d'afficher le contenu des pages comme vous le souhaitez, avec la mise en page et la mise en forme que vous voulez.
Dans cet exemple, j'affiche dans une boîte <div> stylée (#boiteSimple) le titre de la page dans un <h2> identifiant la page (id="post-"), avec le marqueur the_title() :

<h2 id="post-">Titre de la page : <?php the_title();?></h2>

Ensuite j'affiche le contenu de la page avec le marqueur : the_content().

<?php the_content(); ?>

Puis, le nom de l'auteur (the_author()) et la date de publication (the_date()) :

<p><strong>Auteur</strong> : <?php the_author() ?>; <strong>publié le : </strong><?php the_date() ?></p>

Voilà le code complet :

<?php if (have_posts()) : while (have_posts()) : the_post();?>
<div id="boiteSimple">
<h2 id="post-">Titre de la page : <?php the_title();?></h2>
<?php the_content(); ?>
<p><strong>Auteur</strong> : <?php the_author(); ?>; <strong>publié le</strong> : <?php the_date() ?></p>
</div>
<?php endwhile; endif; ?>

Vous pouvez utiliser les marqueurs de contenu que vous voulez : Codex de WordPress.

Les marqueurs de modèle

Maintenant vous pouvez, devez (?) ajouter les marqueurs de modèle que vous voulez pour afficher les autres zones d'une page Web WordPress : l'en-tête (header), la barre latérale (sidebar) et le pied de page (footer).

Dans cet exemple je ne souhaite afficher que l'en-tête. J'utilise le marqueur <?php get_header(); ?> que je place avant la boucle.

<?php
/* Template Name: Simpliste */
/* Modèle sans sidebar,ni footer */
?>
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post();?>
<div id="boiteSimple">
...
</div>

Si vous souhaitez afficher la barre latérale, utiliser le marqueur <?php get_sidebar(); ?>.
Si vous souhaitez afficher le pied de page, utiliser le marqueur <?php get_footer(); ?>.

Placez ces deux marqueurs après la fin de la boucle.

<?php if (have_posts()) : while (have_posts()) : the_post();?>
<div id="boiteSimple">
...
</div>
<?php endwhile; endif; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

La mise en page et la mise en forme

Utilisez le fichier style.css du thème utilisé pour effectuer la mise en forme et la mise en page du modèle de page.

Utiliser le modèle créé

Maintenant, le nouveau modèle de page Smpliste créé est accessible dans la liste déroulante Modèle.

Voilà l'affichage d'une page avec le modèle Simpliste.