WordPress thème cheat sheet pour les débutants

WordPress thème cheat sheet pour les débutants

Êtes-vous à la recherche d'un thème WordPress cheat sheet pour modifier rapidement votre thème ou créer un nouveau thème personnalisé? WordPress est livré avec de nombreux balises de gabarit intégrées que vous pouvez utiliser pour obtenir un début de la tête. Dans ce article, nous partagerons un thème WordPress cheat sheet pour les débutants.

Avant de commencer

WordPress est livré avec un puissant moteur de modèles qui permet aux développeurs de thèmes de créer de belles conceptions pour WordPress sites Web alimentés. Il ya à la fois Premium et gratuit WordPress thèmes 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 modifier les couleurs, d'ajouter des images d'en-tête, de configurer des menus de navigation, etc.

Toutefois, vous êtes toujours limité à ce que les fonctionnalités de votre thème prend en charge. 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 aurez besoin de connaître certains de base PHP, HTML, et CSS.

La première chose que vous voudriez faire est de vous familiariser avec la façon dont WordPress fonctionne dans les coulisses et les modèles de thème WordPress.

Après cela, il y a quelques bonnes pratiques que vous voudrez peut-être suivre. Par exemple, la création d'un thème enfant au lieu de faire vos modifications directement dans vos fichiers de thème.

Vous pouvez également pratiquer sur votre thème en installant WordPress sur votre ordinateur.

Modèles de base de thème WordPress

Fichiers de base de thème WordPress

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 habituellement, ils viennent avec 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
  • fonctions. php
  • Archive. php
  • searchform. php
  • Search. php

Si vous construisez votre propre thème, alors vous pouvez commencer avec l'un des thèmes de démarreur de WordPress. Ces thèmes viennent avec prêt à utiliser les fichiers de modèle WordPress et CSS qui vous donne un cadre pour construire sur.

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

WordPress est livré avec beaucoup de fonctions pratiques qui peuvent être utilisés pour produire différentes choses tout au long de votre thème. Ces fonctions sont appelées balises de modèle.

Première et probablement la fonction la plus importante qui est requise dans tous les thèmes WordPress conformes à la norme est appelé wp_head, et il semble Comme ça:

1<?php wp_head();=""?>

Ce code récupère tous les importants HTML WordPress doit ajouter dans le<head>section de chaque page de votre site Web.</head> Il est également essentiel pour de nombreux plugins WordPress pour fonctionner correctement sur votre site Web.

Voici une liste de balises de modèle que vous trouverez couramment et utiliser dans le fichier header. php de votre thème. Cependant, ils peuvent également être utilisés ailleurs sur votre thème quand vous en avez besoin.

1234567891011121314151617181920212223242526Titre du blog<?php bloginfo('name');=""> </?php> , ou nom de blog//titre d'une page<?php wp_title();=""> </?php> spécifique//URL exacte pour le site<?php bloginfo('url');=""> </?php> //description<?php bloginfo('description');=""> </?php> du site//emplacement du fichier<?php bloginfo('template_url');=""> </?php> de thème du site//lien vers l'emplacement<?php bloginfo('stylesheet_url');=""> </?php> style. CSS//flux RSS URL pour le site<?php bloginfo('rss2_url');=""> </?php>//Pingback URL pour le site<?php bloginfo('pingback_url');=""> </?php> //numéro de version WordPress<?php bloginfo('version');=""?>

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

Maintenant, nous allons jeter un oeil à quelques autres étiquettes de modèle couramment utilisés et ce qu'ils font.

Balises de modèle qui incluent d'autres modèles

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 en-tête, pied de page, contenu, commentaires et modèles de barre latérale.

1234567891011Affiche le contenu du fichier header<?php get_header();=""> </?php> . php//affiche le contenu du<?php get_footer();=""> </?php> fichier footer. php//affiche le<?php get_sidebar();=""> </?php> contenu du fichier Sidebar. php//affiche le contenu du fichier commentaire. php<?php comments_template();=""?>

Les balises de modèle suivantes sont utilisées à l'intérieur de la boucle WordPress pour afficher le contenu, l'extrait et les méta-données de vos publications.

123456789101112131415161718192021222324252627282930Affiche le contenu de la publication<?php the_content();=""> </?php> //affiche l'extrait qui est utilisé dans les<?php the_excerpt();=""> </?php> messages//titre de la publication<?php the_title();=""> </?php> spécifique//lien de la publication<?php the_permalink()=""> </?php> spécifique//catégorie d'un poste<?php the_category(',="" ')=""> </?php> spécifique//auteur de la poste<?php the_author();=""> </?php> spécifique//ID d'un Lien spécifique<?php the_id();=""> </?php> post//Edit pour un post//oonly visible aux utilisateurs connectés avec des privilèges<?php edit_post_link();=""> </?php> d'édition//URL de la page<?php next_post_link('="" %link="" ')=""> </?php> suivante//URL de la page précédente<?php previous_post_link('%link')=""?>

Thèmes WordPress viennent avec widget-ready zones appelées sidebars. Ces sont des emplacements dans vos fichiers de thème où les utilisateurs peuvent glisser-déposer 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 le droit ou la barre latérale gauche de la disposition du thème. Pour en savoir plus, consultez notre guide sur la façon dont pour ajouter dynamique widget prêt encadrés dans votre thème WordPress.

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

123456789<?php if="" (="" !="" is_active_sidebar(="" 'sidebar-1'="" )="" )="" {return;}?=""?> <aside id="secondary" class="widget-area" role="complementary"><?php dynamic_sidebar(="" 'sidebar-1'="" );=""?></aside><!-- #secondary -->

Vous aurez besoin de remplacer Sidebar-1 avec le nom défini par votre thème pour cette zone spécifique widget-ready ou la barre latérale.

Balises de modèle pour afficher les menus de navigation

WordPress est livré avec un système de gestion de menu puissant qui permet utilisateurs de créer des menus de navigation pour leur site Web. Un thème WordPress peut avoir plus d'un emplacement de menu de navigation.

Consultez notre guide sur la façon de créer 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.

12345<?phpwp_nav_menu( array(="" 'theme_location'=""?>'mon-custom-menu', 'container_class' = > 'personnalisé-menu-Class'));?

L'emplacement du thème dépend du nom de votre thème utilisé pour enregistrer le dans le menu de navigation. La classe de conteneur CSS peut être appelée tout ce que vous Comme. Il va entourer votre menu de navigation, de sorte que vous pouvez le style Par conséquent.

Étiquettes de modèle divers

Voici quelques-unes des balises que vous utiliserez couramment tout au long de votre thème WordPress.

123456789101112131415161718192021222324Affiche la date de publication actuelle a<?php echo="" get_the_date();=""> </?php> été écrite//affiche la dernière fois qu'une publication a été modifiedget_the_modified_time//affiche la dernière heure<?php echo="" the_modified_time('f="" d,="" y');=""> </?php> modifiée pour un poste//affiche la<?php the_post_thumbnail(="" );=""> </?php> vignette ou l'image descriptive//affiche les archives mensuelles <?php wp_get_archives(="" );=""?> //Affiche la liste des catégories<?php wp_list_categories();=""> </?php> //affiche le gravatar d'un utilisateur à partir de l'adresse e-mail//32 pixels est la taille, vous pouvez changer que<?php echo="" get_avatar(="" 'email@example.com',="" 32="" );=""> </?php> si vous avez besoin//affiche Gravatar de l'auteur de la publication actuelle<?php echo="" get_avatar(="" get_the_author_meta(="" 'id'="" ),="" 32="" );=""?>

Balises conditionnelles dans les thèmes WordPress

Les balises conditionnelles sont des fonctions qui retournent des résultats dans true ou false. Ces balises conditionnelles peuvent être utilisées tout au long de votre thème ou plugin pour voir si certaines conditions sont remplies et puis faire quelque chose en conséquence.

Par exemple, si la publication actuelle a une image descriptive ou non. Si elle n'a pas une image descriptive, vous pouvez afficher une image par défaut en vedette à la place.

123456789<?phpif (="" has_post_thumbnail()="" )="" {the_post_thumbnail();}else="" {echo=""?><img src="' . src=""></img src="' .> get_bloginfo ('stylesheet_directory'). '/images/thumbnail-default.jpg "/> ';}? >

Voici quelques balises plus conditionnelles que vous pouvez utiliser.

1234567891011121314Vérifie si une seule publication est displayedis_single ()//vérifie si une page est displayedis_page ()//vérifie si la page principale du blog est displayedis_home ()//vérifie si une page d'accueil statique est displayedis_front_page ()//vérifie si la visionneuse actuelle est enregistrée inis_user _ LOGGED_IN ()

Il y a beaucoup plus de balises conditionnelles que vous pouvez utiliser. La liste complète de balises conditionnelles peuvent être trouvées dans la page du Codex WordPress sur les balises conditionnelles.

La boucle WordPress

La boucle ou la boucle WordPress est le code utilisé pour extraire et afficher messages dans WordPress. Beaucoup de balises de template WordPress peuvent seulement travailler à l'intérieur la boucle comme ils sont associés à la poste ou post_type objets.

Voici un exemple d'une simple boucle WordPress.

12345678910111213141516171819202122232425262728293031<?php  checks="" if="" there="" are="" any="" posts="" that="" match="" the="" queryif="" (have_posts())="" : //="" if="" there="" are="" posts="" matching="" the="" query="" then="" start="" the="" loopwhile="" (="" have_posts()="" )="" :="" the_post(); //="" the="" code="" between="" the="" while="" loop="" will="" be="" repeated="" for="" each="" post?=""?> <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title();=""?></a></h2> <p class="date-author">Posté: <?php the_date();=""?> par<?php the_author();=""?></p> <?php the_content();=""?> <p class="postmetadata">Classé dans: <?php the_category();=""?> | Tagged: <?php the_tags();=""?> | <a href="<?php comments_link(); ?>" title="Leave a comment">Commentaires</a></p> <?php  stop="" the="" loop="" when="" all="" posts="" are="" displayedendwhile; //="" if="" no="" posts="" were="" foundelse="" :?=""?><p>Désolé pas de messages correspondant à vos critères.</p><?phpendif;??>

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

Cela étant dit, nous allons plonger dans notre feuille de triche thème WordPress pour les débutants.

Source: WP débutant

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *