Le programme de blogging Web WordPress se caractérise par une séparation entre design et noyau de programmation. Les thèmes permettent d’adapter la représentation des contenus du site Web au niveau du Frontend, sans changer le programme en lui-même. Un thème WordPress dispose d’un code source, décrivant comment les contenus enregistrés sur un serveur peuvent être chargés et combinés pour que l’un navigateur Web puisse présenter un contenu homogène lors du chargement d’une page dynamique. Pour des exploitants de pages Web, les thèmes offrent par conséquent la possibilité de concevoir librement, dans la limite des options disponibles, le design et la mise en page d’un site WordPress.
La structure d’un thème WordPress est composée de divers fichiers source PHP, couramment appelés fichiers Templates, feuilles de calcul (Stylesheets), données de localisation, ou optionnellement des fichiers JavaScript et autres graphiques. Nous vous montrons dans cet article quels éléments de thèmes WordPress sont bons à connaître, quelles fonctions ils remplissent et comment ces différents éléments constitutifs collaborent.
Tandis qu’une page Web statique était basée sur un document HTML unique par le passé, qui rassemblait les contenus et les éléments JavaScript et CSS, les thèmes WordPress sont quant à eux composés de plusieurs fichiers Template. L’intégration de ces différents Templates se fait grâce à la balise Include, permettant d’en inclure plusieurs. Ainsi les contenus issus d’une base de données sur un serveur peuvent être reliés à la page Web et ainsi représentés sur le navigateur Web. Si cette représentation doit impliquer certaines conditions, celles-ci peuvent être précisées dans les balises conditionnelles (Conditional-Tags). On utilise pour cela des plugins appelés Template-Hooks. L’édition de contenus est gérée via un mécanisme caractérisé de Loop selon la terminologie WordPress.
Un thème WordPress, avec ses éléments de base, peut être considéré comme un genre de plan de construction pour un site recouvrant différents états. Les pages Web dynamiques ainsi créées et livrées au navigateur Web se composent d’éléments spécialement adaptés à une requête précise : si un utilisateur charge une page de votre site Internet, l’ensemble du Blog WordPress, un avis individuel ou encore un commentaire. Ces modules de base sont appelés des fichiers de Templates. Il s’agit de fichiers source PHP, un mélange d’HTML, de code PHP et de balises de Templates possédant des tâches définies respectivement, et avec exactitude.
Un thème WordPress est considéré comme en état de marche s’il contient des fichiers Template index.php et style.css. En général, une multitude de fichiers Template différents (représentant différents types de contenus) peuvent se trouver dans un thème WordPress. Cela permet d’élargir le panel de fonctions d’un même Template et de votre Blog par extension. Voici une liste des fichiers de Templates de base se trouvant dans presque tout thème WordPress :
Pour relier plusieurs éléments de base d’une page WordPress ensembles et pouvoir charger les contenus d’une base de données sur le serveur, il convient d’utiliser des fonctions dans les fichiers de Templates, aussi appelées Template-Tags ou balises de Templates dans la terminologie de WordPress.
Les balises de Templates sont utilisées au sein des fichiers de Templates dans le but de charger des contenus de la base de données. Tandis que les contenus sont stockés directement dans le code source HTML de sites Web statiques, les Templates WordPress impliquent seulement une instruction déterminant quels contenus doivent être reliés à la base de données. Les balises de Templates permettent le chargement de pages dynamiques avec le logiciel de blogging. Les exemples ci-dessous vous donneront un aperçu des avantages d’un tel concept de site Web :
Un projet Web dispose en général d’un nom utilisé dans chaque sous-page du site. Pour intégrer un tel nom dans votre fichier de Template favori, vous pouvez utiliser la balise de Template suivante :
bloginfo('name')Il est aussi pertinent d’automatiser l’affichage d’un tel titre avec la balise suivante :
<title><?php bloginfo('name'); ?> |<?php wp_title(); ?></title>Tandis que la fonction bloginfo('name') fait office de joker pour le nom du site Web, wp_title() donne le titre actuel de la sous-page en question. Le logiciel de la base de données détermine ainsi quels contenus afficher en guise de joker lors du chargement de la page. Le titre est ensuite créé de la manière suivante :
Nom du blog | Titre de la sous-pageLes titres des pages d’un site Web statique doivent en revanche être indiqués en toutes lettres pour chacune de ses pages HTML :
<title>Nom du blog | Titre de la sous-page</title>Mais que faire si vous souhaitez changer le nom de votre blog ? Dans le cas d’un site Web statique vous devez ouvrir le document HTML de chaque sous-page de votre site pour l’adapter manuellement dans l’éditeur. Pour un site Web dynamique, au contraire, le processus d’adaptation est bien plus confortable : les modifications qui concernent toutes les pages Web de votre site peuvent être effectuées à un seul et même endroit dans la base de données. Vous pouvez aussi doter des pages précises d’éléments spécifiques dans les balises de Templates.
Les titres, publications et métadonnées sont chargés dans les fichiers Templates prévus à cet effet et selon le même schéma :
the_title()
the_content()
the_author()
the_time()
the_category()
the_tags() Vous trouverez un aperçu de balises de Templates dans le Codex de WordPress.org.
Une forme particulière de balise de Template WordPress est ce qu’on appelle la balise include (Include-Tag), utilisée avec un Template correspondant de manière à pouvoir charger d’autres fichiers de Templates tels que header.php, footer.php ou sidebar.php. Il s’agit ici aussi d’une fonction interne de WordPress avec laquelle les fichiers tels que index.php single.php ou page.php peuvent être intégrés dans les fichiers de Templates de base :
get_header()
get_footer()
get_sidebar() L’avantage cité plus haut se manifeste ici : si les codes de l’en-tête, du bas de page ou de la barre latérale sont chargés depuis des fichiers de Templates spécialement prévus pour cela, les modifications qui sont apportées à ces trois fichiers de Templates sont automatiquement prises en compte pour toutes les sous-pages du site grâce au recours à la balise Include.
Les Template-Hooks se caractérisent par des interfaces individuelles aux fonctions ou plugins se rattachant au thème de votre blog WordPress. La plupart de ces interfaces sont déjà intégrées au noyau de WordPress. Un développeur de thème ou un utilisateur peut ainsi définir une action avant que la tâche ne commence ou que la demande auprès de la base de données ne se termine. De cette manière, il est possible d’intégrer des informations spéciales directement dans l’en-tête, le bas de page ou la barre latérale. Les développeurs peuvent également intégrer leurs propres hooks (hameçons) dans leurs thèmes.
Les balises conditionnelles sont ce qu’on appelle en anglais des PHP-Statements comme if, else ou while par exemple, permettant l’intégration de conditions concernant certains contenus, en combinaison avec des fonctions WordPress. Grâce à cette fonction il est par exemple possible d’afficher un message de bienvenue spécial pour les membres enregistrés :
if ( is_user_logged_in() ):
echo 'Welcome, registered user!';
else:
echo 'Welcome, visitor!';
endif;La boucle est définie par un mécanisme responsable de l’affichage de contenus au sein du logiciel WordPress. Fondamentalement, il s’agit de diverses fonctions WordPress reliées entre elles avec des balises conditionnelles. L’exemple ci-dessous vous montre la structure de base d’une boucle WordPress :
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h2><?php the_title(); ?></h2>
<div class="entry">
<?php the_excerpt(); ?>
</div>
<?php endwhile; endif; ?>L’extrait de code if (have_post()) de la première ligne demande au programme WordPress de vérifier si les contributions en question du blog sont à disposition. Si les contributions se trouvent dans la base de données, la section de code while (have_posts()) : the_post() ordonne au logiciel d’exécuter les fonctions suivantes en boucle jusqu’à have_posts(), ou autrement dit, jusqu’à ce que plus aucune publication ne soit disponible.
La boucle résume par conséquent toutes les fonctions jusqu’au PHP statement à la ligne 6. Dans cet exemple, la fonction the_title(), sert à l’édition du titre d‘un article, et la fonction the_exerpt(), à indiquer au logiciel de charger un extrait de contribution de la base de données.
Sur la page d’accueil de WordPress, une boucle simple a pour effet d’afficher les titres et aperçus de textes les uns avec les autres, en commençant par les plus récents. Le nombre de contributions affichées peut être configuré dans la zone d’administration. Les boucles WordPress plus complexes comme les métadonnées Author, Date, Category et Tags contiennent un lien pour un affichage isolé de l‘élément en question.
WordPress est surtout apprécié par les blogueurs car les utilisateurs non expérimentés peuvent relativement vite mettre en place un site Web en plein état de marche. Le réel travail arrive seulement ensuite : un blog doit être entretenu régulièrement et cela implique bien plus que la publication régulière de nouveaux contenus. Les mauvaises redirections, les liens morts et les zones de...
Les thèmes constituent un excellent moyen de mettre en page et de personnaliser votre projet WordPress, mais aussi d’y ajouter des fonctionnalités spécifiques. Pour ce faire, il est rare d’avoir besoin de connaissances en programmation. La plupart des templates payants sont constitués de thèmes spécifiques, qui contiennent des éditeurs de mise en page et des fonctionnalités de base, et sont...
WordPress est bien plus qu’un simple moteur de blog. C’est devenu un CMS très apprécié pour développer et administrer des sites Web ainsi que des boutiques en ligne. De plus, d’innombrables plugins sont à votre disposition pour compléter la palette de fonctionnalités de ce logiciel en open source. Que ce soit pour établir des statistiques, mener des sondages, gérer ses comptes sur les réseaux...
Les avis sont partagés sur le framework pour WordPress Thesis : d’un côté, certains apprécient sa structure atypique, de l’autre, certains considèrent qu’il n’apporte que des complications inutiles pour le célèbre système de management de contenu. Le framework Thesis se présente dans tous les cas comme une solution de thème parent exceptionnelle, qui, malgré les efforts nécessaires pour s’y...
Si vous êtes à la recherche d'un thème pour votre site WordPress, vous avez le choix. Plus de 5000 options gratuites sont disponibles déjà sur WordPress.org. De plus, un nombre impressionnant de thèmes de sites Web tiers s’ajoute à cette liste, certains moyennant toutefois paiement. Alors comment sélectionner le meilleur thème WordPress pour votre projet ? Nous vous aidons à y voir plus clair...
Des offres exceptionnelles sur l'hébergement Web, les serveurs virtuels, le stockage en ligne, les outils de collaboration et bien plus.
Valables jusqu'au 7/12/2020.
