Nouveau tutoriel aujourd’hui pour Thèmes WordPress après cela leInstallez un thème WordPress, avec un tutoriel sur Création d’un thème WordPress subordonné. Je suppose que vous avez déjà sélectionné et installé votre conception graphique pour votre site WordPress. Aujourd’hui, nous allons voir comment vous pouvez facilement personnaliser votre thème WordPress en créant un sous-thème pour WordPress.

Pourquoi créer un thème enfant dans WordPress?

Vous avez donc installé votre thème WordPress, qu’il s’agisse d’un thème premium ou d’un thème graphique gratuit. Vous en êtes satisfait, mais il est tout à fait possible que certains éléments ne vous conviennent pas. En particulier, l’affichage de votre sujet. Vous souhaiterez peut-être modifier la mise en forme de vos titres, puces, polices de site, certaines couleurs de texte ou d’arrière-plan. Bref, tu veux Personnalisez votre thème WordPress.

Si vous êtes familiarisé avec l’édition de fichiers PHP et CSS (feuilles de style en cascade ou CSS En tant que langage informatique qui vous permet de formater tous les éléments HTML de votre site Web, votre premier instinct est de modifier directement vos fichiers de thème WordPress. Malheureusement, c’est une grosse erreur! Je vous assure qu’une fois que vous aurez fait cela, vous ne serez pas le premier à tomber dans ce piège. Je suis aussi tombé la première fois que je voulais Personnaliser un thème WordPress.

Ne perdez pas vos changements de thème

Pourquoi est-ce une erreur de modifier directement vos fichiers de thème WordPress? Parce que des sujets comme Plugins WordPresssont mis à jour régulièrement. Pour corriger des bugs ou d’éventuels problèmes de sécurité, mais aussi pour apporter des améliorations ou de nouvelles fonctions.

Problème: les fichiers de rubrique sont mis à jour à chaque mise à jour. Cela signifie que toutes les modifications que vous avez apportées à votre thème seront écrasées par la mise à jour du thème! Par exemple, si vous avez modifié le fichier style.css Si vous changez de thème pour modifier l’affichage de certains éléments de votre site Web, ces modifications seront perdues … Pas idéal si vous avez passé du temps à trouver une annonce qui vous convient …

Vous n’avez pas d’autre choix:

  • Soit vous arrêtez de mettre à jour votre sujet. Cette option devrait être interdite car elle est suicidaire d’un point de vue suicidaire Sécurité WordPress.
  • Soit reflétez vos modifications apportées à votre sujet à chaque mise à jour (ce qui peut être long et pénible; ce n’est pas une solution à long terme).
  • soit utiliser la solution la plus adaptée, Créer un sujet enfant !

Le bingo est la dernière option, qui est bien sûr la meilleure.

Qu’est-ce qu’un sujet subsidiaire dans WordPress?

UNE Thème des enfants dans WordPress est une sorte de copie de votre thème principal auquel vous pouvez apporter des modifications (affichage, fonctions) sans les perdre à chaque fois que votre thème principal est mis à jour sujet parent. En informatique, nous appelons cette conception du parent / enfant lepatrimoine. Le sujet enfant hérite de la fonctionnalité du sujet parent, et les modifications apportées au sujet enfant vous permettent de changer le sujet parent, ses fonctions et son affichage sans avoir à changer les fichiers source du sujet parent, qui restent ainsi intacts!

Dans le cadre de ce site, l’une des premières modifications que j’ai voulu apporter a été d’afficher une partie du code dans un article. Ce site a souvent besoin d’afficher du code pour ajouter ou modifier des fichiers WordPress, à condition que son affichage soit clairement distinguable, lisible et compréhensible. Ce qui n’était pas vraiment le cas dans le thème graphique installé dans la base:

Affichage du code de base dans le thème WordPress parent
Affichage de base du code dans le thème WordPress de niveau supérieur sans mise en forme claire

Une fois la rubrique enfant installée, j’ai pu modifier la rubrique enfant pour améliorer l’affichage de la rubrique parent:

L’affichage du code a été amélioré grâce aux modifications apportées au thème enfant (changement de police, ajout d’une couleur d’arrière-plan et d’une bordure colorée à gauche).

Les différentes étapes pour créer un thème enfant WordPress

Alors que certains thèmes premium proposent également un sous-thème qui peut être installé dans le répertoire sujets WordPress, dans d’autres cas, vous devrez créer votre thème enfant à partir de zéro. Pour configurer votre sous-section comme recommandé dans la documentation officielle de WordPress, procédez comme suit: https://codex.wordpress.org/fr:Th%C3%A8mes_Enfant

Créer le dossier de sujets enfants

Connectez-vous au FTP de votre site pour accéder aux fichiers de votre site WordPress. Allez dans le dossier / wp-content / topics Vous y trouverez votre dossier de sujets. Créez ensuite le dossier qui contient votre sujet enfant. Dans mon cas, j’ai créé un dossier nommé tipswp pour le sujet de mes enfants.

Créer le dossier de sujets enfants
Créer le dossier de sujets enfants

Création de fichier functions.php

Votre sujet enfant doit contenir au moins deux fichiers: un fichier nommé functions.php et le fichier CSS style.css.

Commencez à créer le fichier functions.php Ici, vous pouvez ajouter vos propres fonctions pour votre thème dans ce fichier. Ou modifiez les fonctions de base de votre sujet.

La première chose que vous ajouterez à ce fichier est une fonctionnalité qui vous permettra de remplacer le style de votre sujet parent par les styles que vous avez définis dans votre fichier style.css. Voici le code à ajouter:

<?php
/** activation du thème WordPress enfant **/
add_action( "wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?

Une fois votre fichier terminé, téléchargez-le sur votre site à l’aide de votre logiciel FTP.

Création de fichier style.css

Le fichier style.css Ici, vous pouvez déterminer vos propres styles et personnaliser l’affichage de votre thème WordPress. Grâce à cela, vous pouvez formater vos titres, paragraphes, tableaux, menus, l’affichage des widgets et autres zones d’affichage de votre site Web dans WordPress.

Votre dossier style.css doit contenir une certaine quantité d’informations pour que votre sous-sujet soit reconnu par WordPress:

  • Nom du sujet : Nom de votre thème tel qu’il apparaît dans l’administration de votre site WordPress
  • la description : Description de la façon dont il sera affiché dans le back-office WordPress
  • auteur (facultatif): nom de l’auteur du sous-sujet
  • URI de l’auteur (facultatif): si vous souhaitez fournir le site Web de l’auteur du sujet enfant
  • modèle : Nom du sujet parent. Attention, vous devez épeler correctement le nom du sujet parent pour que WordPress le reconnaisse (voir ci-dessous).
  • exécution (facultatif): numéro de version de votre sujet

Voici l’extrait de mon dossier style.css qui contient ces différentes informations:

/*
Theme Name: Astuces WordPress
Description: Thème enfant du theme HitMag pour le site Astuces WordPress
Author: Steve Chevillard - Astuces WordPress 
Author URI: https://astuceswp.fr
Template: hitmag 
Version: 1.0
*/

Remarques:

  • pour l’attribut modèle : Vous devez utiliser le nom du sujet parent tel qu’il apparaît dans le dossier / wp-content / topics. Vous devez respecter la casse et l’orthographe du nom du sujet tel qu’il apparaît dans votre logiciel FTP. Dans mon cas, mon sujet principal s’appelle Hitmag. J’ai donc utilisé ce titre dans mon fichier CSS. Si le nom du dossier avait été HitMag, j’aurais dû utiliser ce nom exact pour l’attribut modèle du dossier style.css le sujet de mes enfants. Sinon, WordPress ne reconnaîtra pas mon thème enfant.
  • Ne placez jamais d’espace avant les deux points d’un attribut. Vous devez écrire dans votre fichier CSS Modèle: Non Modèle : (avec un espace)
  • si vous voulez vous pouvez prendre une capture d’écran à partir de votre thème personnalisé et placez-le dans votre dossier de thème enfant. Pour ce faire, vous devez nommer votre fichier screenhot.png C’est l’image qui apparaîtra dans le programme d’installation du thème WordPress.

Maintenant, tout ce que tu as à faire est de le faire Activez votre thème enfant !

Activez votre sous-thème WordPress

Il ne vous reste plus qu’à suivre la procédure classique d’installation d’un thème:

  1. Accédez à l’administration de votre site WordPress et parcourez le menu Voir ensuite sujets.
  2. Si vous avez correctement suivi le tutoriel ci-dessus, vous devriez voir votre sous-section avec le nom et la description qui ont été saisis dans votre fichier style.css. Si vous ne voyez pas votre sujet enfant, cela signifie que vous avez manqué quelque chose … En particulier, vérifiez le nom du sujet parent pour l’attribut modèleet des espaces entre les attributs et les deux points.
  3. Sélectionnez votre sujet enfant et cliquez sur Activer.

    Activez votre sous-thème depuis l'administration de votre site WordPress
    Activez votre sous-thème depuis l’administration de votre site WordPress

Votre sujet enfant est maintenant actif. Vous pouvez désormais personnaliser l’affichage de votre thème WordPress sans que les modifications apportées ne soient supprimées la prochaine fois que votre thème parent est mis à jour!

Sujet enfant installé et actif!

Vous pouvez désormais personnaliser votre thème WordPress à votre guise pour tout ce qui concerne l’affichage et le rendu de votre thème via le fichier style.css. Vous pouvez également modifier les fonctionnalités de votre sujet parent (exemple: limiter le nombre de balises affichées par votre sujet). Il est également possible de personnaliser chaque page de votre site Web, par ex. B. la page qui gère l’affichage des articles ou des pages, les métas de votre site Web, etc. Chaque partie de votre site web est gérée par un fichier (exemple: header.php pour les en-têtes de votre site) qu’il vous suffit de personnaliser et de coller dans le répertoire de votre sujet enfant. Les fichiers de votre thème ont priorité sur les fichiers de votre thème parent, c’est donc le meilleur moyen de personnaliser votre conception graphique WordPress!

Des plugins pour créer un sujet enfant?

J’espère que vous avez compris l’importance d’avoir un sous-thème sur votre site WordPress. Mettre en place un sous-sujet n’est pas très compliqué. Cependant, vous ne voudrez peut-être pas vous salir les mains en créant les fichiers et en configurant le fichier. style.css.

Dans ce cas, sachez qu’il existe plusieurs plugins WordPress qui facilitent encore plus la création d’un sous-thème. Ils sont principalement destinés aux débutants WordPress!



Source link

Recent Posts