Comment développer des thèmes WordPress

Bien que les thèmes WordPress gratuits soient désormais partout, en tant que Geek, avez-vous déjà envisagé d'écrire votre propre thème WordPress ? Cet article vous apprend à créer un thème WordPress à partir des bases.

Structure du fichier du thème :

Avant d'écrire, vous devez d'abord comprendre la structure du thème WordPress.

Le thème WordPress est placé sous wp-content/themes/ et existe sous forme de dossier indépendant. Le nom du dossier est arbitraire, mais n'utilisez pas de chiffres purs, sinon le thème ne s'affichera pas correctement dans la liste des thèmes. Le dossier du thème contient tous les fichiers de style, fichiers de modèles, fichiers de fonctions, fichiers de script JavaScript, fichiers statiques, etc. requis par le thème.

Un thème minimal se compose généralement de trois types de fichiers :

Fichier de feuille de style style.css

Fichier de fonction fonctions.php (facultatif)

Fichiers modèles

Notez que les noms de ces fichiers sont fixes et ne peuvent pas être modifiés à volonté.

Jetons un coup d'œil à la fonction de chaque fichier séparément.

Fichier de style :

style.css est un fichier obligatoire pour un thème car il contient des informations descriptives pour le thème. Les informations d'en-tête d'un style.css sont les suivantes :

/* Theme Name: 主题名称（必选）
Theme URI: 主题的地址，可选，格式为一个URL，如http://wordpress.org/
Description: 对主题的描述，会显示在主题列表中。
Author: 作者 
Version: 版本，如1.0 Tags: 给主题加的一些标签，可选，一般是为了让用户更方便搜索到这个主题。 
*/

Il est à noter que chaque thème doit avoir son propre nom de thème (Theme Name) afin qu'il puisse être distingué dans la liste des thèmes.

Fichier de fonction :

À moins que vous ne créiez un thème purement statique, vous ferez certainement appel à l'API WordPress. Les fonctions utilisées par ces thèmes sont écrites dans le fichier function.php. Vous pouvez utiliser le fichier de fonctions du thème WordPress comme référence.

Fichier modèle :

Le fichier modèle n'est pas un fichier, mais un type de fichier php. Ils déterminent l'affichage final de chacune de vos pages. Les fichiers modèles suivent certaines règles de dénomination. Voici le nom et l'objectif de chaque modèle.

Description du fichier modèle :

index.php

Modèle principal. Si votre thème utilise ses propres modèles, index.php est requis.

comments.php

Modèle de commentaires.

front-page.php

Modèle de page d'accueil, utilisé uniquement lorsque la page d'accueil statique est activée.

home.php

Modèle de page d'accueil, la page d'accueil par défaut. Si vous activez la page d'accueil statique, il s'agit d'une page modèle qui affiche les derniers articles.

single.php

Modèle d'une seule page. Appelé lors de l'affichage d'un seul article. Pour cela et d’autres modèles de requête, index.php sera utilisé si le modèle n’existe pas.

single-.php

Personnalisez un modèle d'une seule page. Par exemple, single-books.php affiche les articles avec un type d'article personnalisé de livres. Si le type d'article n'est pas défini, index.php est utilisé.

page.php

Modèle de page, appel de page indépendant.

category.php

Modèle de catégorie, appel de page de catégorie.

tag.php

Modèle de balise, appel de page de balise.

taxonomy.php

Modèle de termes, utilisé lors de la demande de termes pour une taxonomie personnalisée.

author.php

Modèle d'auteur, appelé par la page auteur.

date.php

Modèle date/heure, le modèle utilisé lors de l'interrogation par heure.

archive.php

Modèle d'archive, le modèle utilisé lors de l'interrogation de catégories, d'auteurs ou de dates. Il convient de noter que ce modèle sera écrasé respectivement parcategory.php, author.php et date.php (s'ils existent).

search.php

Modèle de résultats de recherche, le modèle utilisé lors de l'affichage des résultats de recherche.

attachment.php

Modèle de pièce jointe, le modèle utilisé lors de l'affichage d'une seule pièce jointe.

image.php

Modèle de pièce jointe d'image, ce modèle sera appelé lors de la visualisation d'une seule image dans wordpress, si ce modèle n'existe pas, le modèle attachment.php sera appelé.

404.php

Modèle de page d'erreur 404, utilisé lorsque WordPress ne trouve pas de journal ou de page correspondant à la requête, le fichier 404.php est utilisé.

Il n'y a pas d'exigence de quantité particulière. Vous pouvez même utiliser un seul fichier index.php comme fichier modèle. Toutes les pages utiliseront ce modèle. Dans la plupart des cas, vous aurez plusieurs modèles pour afficher différentes pages. La séquence d'appel de modèles spécifiques peut faire référence à la figure suivante :

Un thème le plus simple :

Connaître ce qui précède Après cela, regardons un exemple du thème le plus simple. Tout d'abord, ce thème contient les fichiers suivants :

style.css

index.php

single.php

header.php

sidebar.php

footer.php

Le contenu de style.css a été mentionné ci-dessus, il vous suffit d'ajouter le CSS dont vous avez besoin.

Les catégories header.php, sidebar.php, footer.php sont le haut, la barre latérale et la queue de la page. Les articles utilisent single.php comme modèle, et d'autres pages (telles que la page d'accueil) utiliseront index.php comme modèle. Le contenu de

index.php est :

<?php get_header(); ?> 
<?php get_sidebar(); ?>
 <?php get_footer(); ?>

Le modèle de page d'article single.php est :

<?php get_header(); ?>
 <h1><?php the_title(); ?></h1>
 <div><?php the_content(); ?></div>
 <?php get_sidebar(); ?> 
<?php get_footer(); ?>

这样，我们一个最简单的模板就完成了。剩下的就是你自己根据你的需要为其添加样式和内容了。另外在模板中所有你可能用到的Wordpress函数在这里都可以找到：Wordpress Function Reference。

更多wordpress相关技术文章，请访问wordpress教程栏目进行学习！

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!