Nouveau. modifiez directement le thème, ces changements disparaissent au moment de la mise à jour du thème ( pouvez utiliser le plug in pour maintenir les changements dans le code CSS, mais cela ne samp;rsquoapplique quamp;rsquoaux petits changements). Avec le thème, fiston, tu namp;rsquoaurais pas ce problème.
Il namp;rsquoest 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. namp;rsquoêtes pas satisfait de ce que avez fait, 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) à lamp;rsquoapparence.
Parce que nous namp;rsquoavons 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 damp;rsquoabord, 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 mais pouvez utiliser 213 fichiers ou tout autre fichier) Méthode manuelle: Comment créer un sous thème WordPress si savez comment utiliser copier et coller du Code sur Internet, la méthode elle même est très simple. Camp;rsquoest encore plus vrai si connaissez déjà la programmation.
Lamp;rsquoensemble du processus de création peut être exécuté sur lamp;rsquoordinateur local. Dans tous les cas, pouvez le fichier sur le serveur (dans le dossier sujet) et lamp;rsquoéditer directement. Travailler localement est beaucoup plus rapide que les services hébergés par WordPress. De plus, comme il est hors ligne, ne pouvez en aucune façon influencer lamp;rsquoexpérience utilisateur ou arrêter votre site. Pour ce faire, réussir le test
Déconnecter votre site permet damp;rsquoutiliser lamp;rsquoun des hôtes locaux comme xampp. choisissez de le faire, vérifiez vos paramètres de Cookie si le sujet namp;rsquoa pas été mis à jour après le changement. (ou supprimer tous les cookies et les mettre à jour)
Cependant, si souhaitez tout faire en ligne, ouvrez le client FTP. Connectez au serveur. Allez à contenu WP amp;gt 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 de copier tous les fichiers dans le dossier sous thème approprié. Namp;rsquoactivez pas le sujet tant que namp;rsquoavez pas déterminé que toutes les actions sont correctes. Créer un fichier CSS comme je lamp;rsquoai dit, un fichier de feuille de style de sujet est utilisé pour changer lamp;rsquoapparence damp;rsquoun site Web. Personnaliser CSS permet de modifier des Parties spécifiques du sujet que souhaitez éditer.
Créer un fichier de style. Sous thème CSS, 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 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 damp;rsquoécran personnalisées pour le menu sujet. Les instructions sont très simples: Tout damp;rsquoabord, installez et activez le plug in. Allez à apparence amp;gt personnaliser. Dans le coin inférieur gauche de lamp;rsquoécran, il y aura une nouvelle option appelée childfy me, cliquez dessus. amp;lt?php add_action( amp;039wp_enqueue_scriptsamp;039, amp;039my_theme_enqueue_stylesamp;039 ) function my_theme_enqueue_styles() { wp_enqueue_style( amp;039parentamp;039, get_template_directory_uri() . amp;039style.cssamp;039 ) } 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 lamp;039hai già fatto. (Sembrerà esattamente uguale a quello genitore) Sélectionnez un nom pour le sujet et cliquez sur créer. En gros, camp;rsquoest tout. Dans le menu sujet, pouvez maintenant sélectionner ce sujet, voir ses informations et lamp;rsquoactiver au besoin. Namp;rsquooubliez pas, comme nous lamp;rsquoavons dit, que lamp;rsquoactivation damp;rsquoun enfant namp;rsquoest pas recommandée lorsque namp;rsquoêtes pas certain damp;rsquoun 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 inquiétez pas, il ne sera pas si difficile si faites un peu damp;rsquoeffort. De plus, nous namp;rsquoapportons pas beaucoup de changements aux fonctions. Le thème de PHP, parce quamp;rsquoil peut être un peu plus avancé. Damp;rsquoautre part, CSS a une façon plus facile damp;rsquoorganiser le Code, et pouvez facilement comprendre le contenu de base. Par conséquent, si namp;rsquoavez pas cette connaissance auparavant, veuillez suivre. Damp;rsquoabord, voyons comment trouver la Section de la page à éditer. ne savez pas ce que faites, il peut être un peu difficile de trouver le bon projet à éditer et de trouver exactement ce que voulez. En fait, le nom de chaque projet sur la page peut varier damp;rsquoun développeur de thème à lamp;rsquoautre. En fait, camp;rsquoest 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 lamp;rsquooption
I les lignes de code entre parenthèses se terminent par « {} » et chaque ligne par « » Camp;rsquoest à dire que nous changerons la couleur du texte dans le titre. Les couleurs que nous utilisons se distinguent immédiatement. (vert clair pour lamp;rsquoimage de lamp;rsquoen tête ha, rouge pour aucune) 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} Lorsquamp;rsquoil y a une image de titre, le résultat doit être similaire à ceci: Donc, quand il namp;rsquoexiste pas: Bien sûr, ce que nous avons vu dans lamp;rsquoexemple ci dessus namp;rsquoest quamp;rsquoun petit changement rapide. Imaginez ce que pouvez faire si en savez plus sur css ou si copiez du Code intéressant à partir damp;rsquoInternet. Essayez ce petit Code, par exemple: * nom du sujet: 217 sous sujet Uri: http:example.comtwenty-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 amp;gt. Corps du commentaire amp;gt. Élément de commentaire amp;gt. Auteur du commentaire. Tête {bordure: 0px solide 333 remplissage: 2px} Oui, camp;rsquoest un nouveau sujet. Le style parental samp;rsquoest 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 utilisez un hôte WordPress hébergé moins cher pour votre site WordPress, essayez de tout faire localement à l’avance. Damp;rsquoautre part, si choisissez damp;rsquoeffectuer toutes les opérations en ligne, un hôte Web comme le moteur WP (ou un fournisseur damp;rsquohébergement VPS) est un bon choix. Maintenant que 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
Comment créer des sous thèmes dans WordPress
