Comment créer des sous – thèmes dans WordPress

Nouveau. Si vous modifiez directement le thème, ces changements disparaissent au moment de la mise à jour du thème (vous pouvez utiliser le plug – in pour maintenir les changements dans le code CSS, mais cela ne s’applique qu’aux petits changements). Avec le thème, fiston, tu n’aurais pas ce problème.
Il n’est pas nécessaire de recommencer à zéro, car il y a déjà des structures et des fondations, et votre travail est beaucoup plus facile que de commencer à zéro. Si vous n’êtes pas satisfait de ce que vous avez fait, vous pouvez facilement éteindre le thème de votre enfant et ouvrir le thème principal. Maintenant que nous avons éliminé tout cela, nous pouvons commencer à en créer un. La première chose à garder à l’esprit lors de la création de sous – thèmes dans WordPress est que les thèmes sont composés de fichiers PHP et CSS. Nous utilisons des fichiers PHP pour ajouter des fonctionnalités et des CSS (feuilles de style) à l’apparence.
Parce que nous n’avons pas créé un nouveau thème, nous pouvons commencer le processus à partir de deux fichiers. Style de fichier. CSS et une fonctionnalité de fichier. Php. Tout d’abord, nous devons sélectionner un thème principal comme fichier modèle. Les thèmes par défaut sont légers, donc ils sont un bon choix. (nous allons utiliser 217 thèmes dans cet article, mais vous pouvez utiliser 213 fichiers ou tout autre fichier) Méthode manuelle: Comment créer un sous – thème WordPress si vous savez comment utiliser copier et coller du Code sur Internet, la méthode elle – même est très simple. C’est encore plus vrai si vous connaissez déjà la programmation.
L’ensemble du processus de création peut être exécuté sur l’ordinateur local. Dans tous les cas, vous pouvez télécharger le fichier sur le serveur (dans le dossier sujet) et l’éditer directement. Travailler localement est beaucoup plus rapide que les services hébergés par WordPress. De plus, comme il est hors ligne, vous ne pouvez en aucune façon influencer l’expérience utilisateur ou arrêter votre site. Pour ce faire, réussir le test
Déconnecter votre site vous permet d’utiliser l’un des hôtes locaux comme xampp. Si vous choisissez de le faire, vérifiez vos paramètres de Cookie si le sujet n’a pas été mis à jour après le changement. (ou supprimer tous les cookies et les mettre à jour)
Cependant, si vous souhaitez tout faire en ligne, ouvrez le client FTP. Connectez – vous au serveur. Allez à contenu WP > sujet. Créez un nouveau dossier (appelé Répertoire de sujets). Pour plus de clarté, nous recommandons que le nom du dossier soit similaire au nom du sous – thème. Faites glisser le fichier dans le gestionnaire de fichiers et téléchargez – le sur le serveur. Assurez – vous de copier tous les fichiers dans le dossier sous – thème approprié. N’activez pas le sujet tant que vous n’avez pas déterminé que toutes les actions sont correctes. Créer un fichier CSS comme je l’ai dit, un fichier de feuille de style de sujet est utilisé pour changer l’apparence d’un site Web. Personnaliser CSS vous permet de modifier des Parties spécifiques du sujet que vous souhaitez éditer.
Créer un fichier de style. Sous – thème CSS, vous devez: ouvrir votre éditeur de texte préféré. (il est préférable que ce ne soit pas un traitement de texte comme Word, mais un autre comme wordpad) copiez le Code fourni ci – dessous. Enregistrer sous forme de style. CSS. Il Codice \
Expliquons maintenant chaque élément de la note de titre: nom du sujet (obligatoire): le nom unique que vous avez choisi pour le sujet de votre enfant. Vous pouvez choisir
Vous pouvez rapidement créer des sous – thèmes en utilisant le plugin wordpress. Dans ce tutoriel, nous utilisons un outil appelé childfy me. Ce plug – in de sous – thème crée automatiquement un fichier de style. Un sous – thème et une fonction de fichier pour CSS. Php du sous – thème. Il crée également des captures d’écran personnalisées pour le menu sujet. Les instructions sont très simples: Tout d’abord, installez et activez le plug – in. Allez à apparence > personnaliser. Dans le coin inférieur gauche de l’écran, il y aura une nouvelle option appelée childfy me, cliquez dessus. <?php add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { wp_enqueue_style( 'parent', get_template_directory_uri() . '/style.css' ); } Il file PHP nella cartella di tuo figlio deve essere posizionato nella stessa sottocartella di quella nel tema principale. Allo stesso modo, questo vale per tutti i file nel processo di creazione dei temi figlio. Questo è tutto. Ora puoi attivare il tuo tema figlio se non l'hai già fatto. (Sembrerà esattamente uguale a quello genitore) Sélectionnez un nom pour le sujet et cliquez sur créer. En gros, c’est tout. Dans le menu sujet, vous pouvez maintenant sélectionner ce sujet, voir ses informations et l’activer au besoin. N’oubliez pas, comme nous l’avons dit, que l’activation d’un enfant n’est pas recommandée lorsque vous n’êtes pas certain d’un changement de style de sujet. Après la création du sous – thème, l’édition du sous – thème dans WordPress fait partie du processus de personnalisation du thème WordPress (partie intéressante). Le codage peut parfois sembler effrayant, mais ne vous inquiétez pas, il ne sera pas si difficile si vous faites un peu d’effort. De plus, nous n’apportons pas beaucoup de changements aux fonctions. Le thème de PHP, parce qu’il peut être un peu plus avancé. D’autre part, CSS a une façon plus facile d’organiser le Code, et vous pouvez facilement comprendre le contenu de base. Par conséquent, si vous n’avez pas cette connaissance auparavant, veuillez suivre. D’abord, voyons comment trouver la Section de la page à éditer. Si vous ne savez pas ce que vous faites, il peut être un peu difficile de trouver le bon projet à éditer et de trouver exactement ce que vous voulez. En fait, le nom de chaque projet sur la page peut varier d’un développeur de thème à l’autre. En fait, c’est pourquoi il est difficile de prévoir ce que nous devrions inclure dans notre thème pour les enfants. CSS. Pour ce faire, nous pouvons utiliser l’option \
I les lignes de code entre parenthèses se terminent par « {} » et chaque ligne par «; » C’est – à – dire que nous changerons la couleur du texte dans le titre. Les couleurs que nous utilisons se distinguent immédiatement. (vert clair pour l’image de l’en – tête ha, rouge pour aucune) Si vous voulez suivre, copiez le code suivant après la note de titre: corps. A une image de titre. Titre du site a {couleur: # 00ff36;}. Titre du site a {couleur: Rouge;} Lorsqu’il y a une image de titre, le résultat doit être similaire à ceci: Donc, quand il n’existe pas: Bien sûr, ce que nous avons vu dans l’exemple ci – dessus n’est qu’un petit changement rapide. Imaginez ce que vous pouvez faire si vous en savez plus sur css ou si vous copiez du Code intéressant à partir d’Internet. Essayez ce petit Code, par exemple: \/ * nom du sujet: 217 sous – sujet Uri: http:\/\/example.com\/twenty-seventeen-child\/ Description: 217 sous – thèmes auteur: fix Runner auteur Uri: https:\/\/fixrunner.com Modèles: twentyseveneen version: 1.0.0 * \/ h1 {taille de la police: 2em; marges: 0.67em 0;} Secondaire Zone de contrôle li {remplissage: 0,5em 1EM;} Récemment publié – 2. Petit appareil. Widget _ recent entry {Background color: # ffeea61;} Archives – 2. Petit appareil. Widget _ archive {Background color: # ffeea61;} Meta – 2. Petit appareil. Widget _ Meta {Background color: # ffeea61;}. Navigation en haut {couleur de fond: # FEA;} Corps A une image de titre. Titre du site, texte. A une image de titre. Titre du site a {couleur: # FEA;}. Zone de contenu {couleur de fond: # ffeea61; remplissage: 1,5em; alignement du texte: à gauche;} H2. Widget – title {fill: 1EM;}. Nouvelle ligne {marge gauche: automatique; marge droite: automatique; largeur maximale: 90%} UL, ol {marge: 0 0 1EM; remplissage: 0em 2em;} UL {list style type: round;} Code {font Weight: bold; color: # 0f1017;} Note Body {edge: 5em;} Bypostauthor >. Corps du commentaire >. Élément de commentaire >. Auteur du commentaire. Tête {bordure: 0px solide # 333; remplissage: 2px;} Oui, c’est un nouveau sujet. Le style parental s’est transformé en un look plus serré
Complétez rapidement la mise en page en utilisant un générateur de page WordPress comme Visual composer. Les constructeurs de sites Web peuvent accélérer votre travail de façon spectaculaire. Conclusion: dans ce guide étape par étape, nous expliquons ce qu’est un thème pour enfants WordPress, comment le créer et quand l’utiliser en premier. Avec l’aide des sous – thèmes, il est plus facile et plus sûr de personnaliser les thèmes WordPress. De plus, comme nous l’avons dit, si vous utilisez un hôte WordPress hébergé moins cher pour votre site WordPress, essayez de tout faire localement à l’avance. D’autre part, si vous choisissez d’effectuer toutes les opérations en ligne, un hôte Web comme le moteur WP (ou un fournisseur d’hébergement VPS) est un bon choix. Maintenant que vous savez tout cela, profitez de votre design! Enfin, pour voir plus de tutoriels ou de messages WordPress liés à WordPress, consultez le reste de notre blog. Autres ressources: comment intégrer les thèmes WordPress les plus rapides de 2020 dans les médias comment modifier le texte dans un billet ou une page WordPress