WordPress Thème Aide-mémoire pour les débutants

Vous recherchez une feuille de triche pour thème WordPress pour modifier rapidement votre thème ou créer un nouveau thème personnalisé? WordPress est livré avec de nombreuses balises de modèle intégrées que vous pouvez utiliser pour prendre une longueur d'avance. Dans cet article, nous allons partager un aide-mémoire sur le thème WordPress pour les débutants..

Avant de commencer

WordPress est livré avec un puissant moteur de templates qui permet aux développeurs de thèmes de créer de superbes designs pour les sites Web utilisant WordPress. Il existe des thèmes WordPress premium et gratuits que vous pouvez installer sur votre site web..

Chaque thème WordPress est livré avec un certain nombre d'options de personnalisation. Ces options vous permettent de changer les couleurs, d’ajouter des images d’en-tête, de configurer les menus de navigation, etc..

Cependant, vous êtes toujours limité aux fonctionnalités prises en charge par votre thème. Parfois, vous voudrez peut-être apporter de légères modifications à votre thème WordPress qui nécessitent un certain codage. Pour ce faire, vous devez connaître quelques bases de PHP, HTML et CSS..

La première chose à faire est de vous familiariser avec le fonctionnement en arrière-plan de WordPress et les modèles de thème WordPress..

Après cela, vous voudrez peut-être suivre certaines pratiques exemplaires. Par exemple, créer un thème enfant au lieu d’apporter vos modifications directement dans vos fichiers de thème.

Vous pouvez également vous entraîner sur votre thème en installant WordPress sur votre ordinateur..

Cela étant dit, plongeons-nous dans notre aide-mémoire sur le thème WordPress pour les débutants.

Modèles de thème WordPress de base

Chaque thème WordPress est composé de différents fichiers appelés modèles. Tous les thèmes WordPress doivent avoir une feuille de style et un fichier d’index, mais en général, ils contiennent beaucoup d’autres fichiers..

Voici la liste des fichiers de base que chaque thème a:

• style.css
• header.php
• index.php
• sidebar.php
• footer.php
• single.php
• page.php
• commentaires.php
• 404.php
• functions.php
• archive.php
• searchform.php
• search.php

Si vous construisez votre propre thème, vous pouvez commencer par l’un des thèmes de départ WordPress. Ces thèmes sont livrés avec des fichiers modèles WordPress prêts à l’emploi et CSS qui vous offre un cadre de travail sur lequel.

Balises de modèle dans l'en-tête

WordPress est livré avec de nombreuses fonctions pratiques qui peuvent être utilisées pour générer différentes choses tout au long de votre thème. Ces fonctions sont appelées balises de template.

La première et probablement la fonction la plus importante requise dans tous les thèmes WordPress conformes aux normes s'appelle wp_head et se présente comme suit:

Ce code récupère tous les éléments HTML importants que WordPress doit ajouter à la section de chaque page de votre site Web. Il est également essentiel que de nombreux plugins WordPress fonctionnent correctement sur votre site Web..

Vous trouverez ci-dessous une liste des balises de modèle que vous trouverez et que vous utiliserez couramment dans le fichier header.php de votre thème. Cependant, ils peuvent également être utilisés ailleurs sur votre thème lorsque vous en avez besoin.

 // Titre du blog ou nom du blog // Titre d'une page spécifique // URL exacte du site // Description du site // Emplacement du fichier de thème du site // Lien vers l'emplacement Style.css // URL du flux RSS pour le site // URL de rappel du site // numéro de version de WordPress  

Balises de modèle utilisées dans d'autres fichiers de thème

Maintenant, jetons un coup d'oeil à d'autres balises de modèle couramment utilisées et à ce qu'elles font..

Les balises de modèle suivantes sont utilisées pour appeler et inclure d’autres modèles. Par exemple, le fichier index.php de votre thème les utilisera pour inclure des modèles d'en-tête, de pied de page, de contenu, de commentaires et de barre latérale..

 // Affiche le contenu du fichier Header.php // Affiche le contenu du fichier Footer.php // Affiche le contenu du fichier Sidebar.php // Affiche le contenu du fichier Comment.php  

Les balises de modèle suivantes sont utilisées dans la boucle WordPress pour afficher le contenu, les extraits et les métadonnées de vos publications..

 // Affiche le contenu de la publication // Affiche l'extrait utilisé dans les publications // Titre de la publication spécifique // Lien de la publication spécifique // Catégorie d'une publication spécifique // Auteur de la publication spécifique // ID de une publication spécifique // lien de modification pour une publication // uniquement visible pour les utilisateurs connectés disposant de privilèges d'édition // URL de la page suivante // URL de la page précédente  

Les thèmes WordPress sont fournis avec des zones prêtes pour les widgets, appelées Sidebars. Ce sont des emplacements dans vos fichiers de thème où les utilisateurs peuvent faire glisser et déposer des widgets WordPress. Souvent, un thème a plusieurs emplacements où les utilisateurs peuvent ajouter des widgets.

Cependant, le plus souvent, ces zones de widget sont situées dans la barre latérale droite ou gauche de la disposition du thème. Pour en savoir plus, consultez notre guide sur la façon d’ajouter des barres latérales dynamiques compatibles avec les widgets dans votre thème WordPress..

Voici le code utilisé pour afficher une barre latérale dans votre thème.

Vous devrez remplacer sidebar-1 par le nom défini par votre thème pour cette zone particulière prête pour le widget ou la barre latérale..

Balises de modèle pour afficher les menus de navigation

WordPress est livré avec un puissant système de gestion de menus permettant aux utilisateurs de créer des menus de navigation pour leur site Web. Un thème WordPress peut avoir plusieurs emplacements de menu de navigation..

Consultez notre guide sur la création de vos propres menus de navigation personnalisés dans un thème WordPress..

Voici le code qui sera utilisé dans votre thème pour afficher un menu de navigation..

  'my-custom-menu', 'container_class' => 'custom-menu-class')); ?> 

L'emplacement du thème dépend du nom utilisé par votre thème pour enregistrer le menu de navigation. La classe de conteneur CSS peut être appelée tout ce que vous aimez. Il entourera votre menu de navigation afin que vous puissiez le personnaliser en conséquence..

Balises de modèle diverses

Voici quelques balises que vous utiliserez couramment dans votre thème WordPress..

 // Affiche la date de publication du message en cours // Affiche la dernière modification d'un message. Get_the_modified_time // Affiche la dernière heure de modification d'un message // Affiche la vignette du message ou l'image sélectionnée // Affiche les archives mensuelles // Affiche la liste des catégories // Affiche le gravatar d'un utilisateur à partir de l'adresse email // 32 pixels est la taille, vous pouvez le changer si vous en avez besoin // Affiche le gravatar de l'auteur de l'article en cours  

Tags conditionnels dans les thèmes WordPress

Les balises conditionnelles sont des fonctions qui renvoient des résultats vrais ou faux. Ces balises conditionnelles peuvent être utilisées dans votre thème ou votre plug-in pour vérifier si certaines conditions sont remplies, puis faire quelque chose en conséquence..

Par exemple, si le message actuel a une image sélectionnée ou non. S'il n'y a pas d'image sélectionnée, vous pouvez alors afficher une image sélectionnée par défaut..

 '; ?> 

Voici quelques autres balises conditionnelles que vous pouvez utiliser..

 // Vérifie si un message est affiché is_single () // Vérifie si une page est affichée is_page () // Vérifie si la page principale du blog est affichée is_home () // Vérifie si une page avant statique est affichée is_front_page ( ) // Vérifie si le visualiseur actuel est connecté is_user_logged_in () 

Il existe de nombreuses autres balises conditionnelles que vous pouvez utiliser. La liste complète des tags conditionnels est disponible dans la page du codex WordPress sur les tags conditionnels.

La boucle de WordPress

La boucle ou la boucle WordPress est le code utilisé pour récupérer et afficher les publications dans WordPress. De nombreuses balises de modèle WordPress peuvent uniquement fonctionner à l'intérieur de la boucle car elles sont associées aux objets post ou post_type..

Voici un exemple de boucle WordPress simple.

   
Posté par 
  
Classé dans: | Tagged: | commentaires
  
Désolé, aucun article ne correspond à vos critères.
  

Pour en savoir plus sur la boucle, consultez Qu'est-ce qu'une boucle dans WordPress (infographie).

Nous espérons que cet article vous aidera en tant que feuille de triche du thème WordPress de base pour les débutants. Vous voudrez peut-être aussi voir notre liste des astuces les plus utiles pour le fichier de fonctions WordPress.

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Facebook.