web-dev-qa-db-fra.com

Comment modifier les thèmes parent dans le thème enfant CSS

Je suis confus quant à la manière dont je suis supposé changer de thème parent dans mon css de thème enfant. Actuellement, mon site Web protovest.com utilise le thème responsive, mais je souhaite le changer pour un thème appelé tesseract. Voici mon code:

/*
 Theme Name:   Responsive Child Proto-Vest 
 Description:  Responsive Theme Used to Style Protovest
 Author:       Eva Berrios
 Template:     responsive 
 Version:      1.0.0
*/

@import url("../responsive/style.css");

Je suis confus parce qu'on m'a dit de ne pas changer l'URL d'importation et que d'autres développeurs disent que c'est comme ça que ça se passe. Est-ce que quelqu'un peut m'expliquer ce processus de changement de thème?

Et comment puis-je créer une sauvegarde au cas où elle serait gâchée lors du basculement?

2
Eva

Je pense que vous êtes confus à ce sujet. Laisse-moi expliquer.

La @import url("../responsive/style.css"); indique au thème enfant d'importer le style.css Responsive themes. Ceci est important car sans cela, le thème Enfant ne sait pas quel est son thème Parent. Ainsi, la @import url("../responsive/style.css"); pointe le thème Child vers le fichier par défaut (principal) dans le thème Responsive (dans la plupart des thèmes WordPress, le fichier par défaut ou plutôt principal est le fichier style.css qui inclut l’en-tête du thème définissant ce qu’il est).

Donc, fondamentalement, sans la fonction d'importation dans le thème style.css de votre enfant, le thème enfant serait brisé et il n'y aurait aucun lien entre le thème enfant et le thème parent.

Alors, comment trouvez-vous le chemin à mettre dans la fonction d'importation (c'est-à-dire /responsive/style.css). Vous pouvez le trouver en entrant votre FTP (FileZilla, cpanel ou le client de votre choix) et en accédant à la section public_html - wp-content - themes. Recherchez ensuite le dossier de thèmes du thème pour lequel vous allez créer un thème pour enfants. Mettez ce nom de dossier dans l’importation suivi du style.css (c.-à-d. /thethemefoldername/style.css).

Désolé si cela semble déroutant. Donc, en gros, vous devez déterminer le nom de votre fichier de thèmes vers lequel vous souhaitez basculer et le remplacer par celui de responsive dans la fonction d'importation. Cela fera pointer ce thème Enfant vers le nouveau thème que vous désirez. Si vous changez cela, c'est tout ce que vous devez faire.

Vous pouvez simplement utiliser un plugin de thème enfant. Je recommanderais https://wordpress.org/plugins/child-theme-configurator/ ou https://wordpress.org/plugins/one-click-child-theme/ . Avec ceux-ci, vous pouvez simplement créer un nouveau thème Enfant, puis y ajouter vos nouveaux éléments.

Et comment puis-je créer une sauvegarde au cas où elle serait gâchée lors du basculement?

Vous devriez toujours faire des sauvegardes de votre site Web. Vous pouvez le faire de plusieurs manières. L'un est un plugin. Il existe des tonnes de plugins comme https://wordpress.org/plugins/updraftplus/ ou https://wordpress.org/plugins/backwpup/ . Ces plugins peuvent créer des sauvegardes planifiées et vous pouvez créer et restaurer des sauvegardes à tout moment. La seule chose est qu'ils ont des fonctionnalités limitées.

Vous pouvez choisir VaultPress ( https://vaultpress.com/ ) ou BackupBuddy ( https://ithemes.com/purchase/backupbuddy/ ). Celles-ci sont plus faciles à utiliser et sécurisées bien qu’elles aient un prix, car elles constituent un plugin premium.

Sauvegarde dans le tableau de bord d'hébergement. Vous pouvez le faire sur la plupart des sociétés d'hébergement. Ils vous permettent de sauvegarder votre site Web bien qu’il n’y ait pratiquement pas de paramètres ou de fonctionnalités supplémentaires.

Je suggérerais de lire certaines de ces ressources si vous êtes toujours confus. https://codex.wordpress.org/Child_Themeshttps://codex.wordpress.org/WordPress_Backupshttps://codex.wordpress.org/Backing_Up_Your_Databasehttp://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

1
matthew

Vous devez suivre quelques étapes pour changer de thème parent.

Créer une sauvegarde du thème enfant d'origine

Si vous avez un accès FTP, connectez-vous à [root]\wp-content\themes\ et téléchargez le dossier du thème enfant sur votre ordinateur.

Copiez et renommez tout le dossier du thème enfant. Ce sera votre nouveau thème enfant.

Si vous n'avez pas d'accès FTP, il est probablement préférable de recommencer à zéro. Et utilisez ensuite l'utilitaire de téléchargement de thème pour l'ajouter à votre site Web une fois qu'il est créé.

Éditez le fichier CSS dans votre nouveau thème enfant

Au minimum, vous devez modifier les lignes "Nom du thème", "Modèle" et @import. Voici une suggestion de modification:

/*
 Theme Name:   Tesseract Child Proto-Vest 
 Description:  Child Theme Used to Style Proto-Vest
 Author:       Eva Berrios
 Template:     Tesseract
 Version:      1.0.0
*/

@import url("../PARENT_THEME_FOLDER_NAME/style.css");

Remplacez "PARENT_THEME_FOLDER_NAME" par le nom de dossier actuel du thème Tesseract.

Remarque: la ligne de modèle est sensible à la casse.

Vous pouvez également trouver cette réponse utile: Comment créer un thème enfant avec un thème Tesseract? .

Avancé: consultez Functions.php dans votre nouveau thème enfant

Si vous savez coder dans PHP et utiliser les crochets et les filtres WordPress, vous devez passer en revue les fonctions personnalisées de votre thème enfant. Ce n'est pas essentiel, mais cela vous aidera à résoudre les problèmes, si certaines personnalisations ne sont pas reportées sur votre nouveau thème.

Si vous ne connaissez pas PHP, il est préférable de laisser ce fichier seul. Toutes les fonctions qui font spécifiquement référence au thème Responsive cesseront de fonctionner, mais ne devraient pas endommager votre site.

Téléchargez votre nouveau thème enfant et activez

Si vous utilisez FTP, téléchargez votre nouveau dossier de thème dans [root]\wp-content\themes\.

Sinon, vous devrez utiliser le programme de téléchargement de thème intégré. Voici un bon tutoriel .

Activez votre thème enfant en allant dans Apparence -> Thèmes et en choisissant votre nouveau thème.

1