Comment créer des thèmes de sous-blocs WordPress à l'aide de plugins

Devant nousLes cas utilisés dans l'article sont des thèmes classiquesCette édition du tutoriel a été créée à l'aide d'un thème en bloc. Si vous utilisez un thème en bloc, WordPress offre un moyen facile de créer des thèmes enfants à l'aide du plugin Create Block Theme (Créer un thème en bloc).

Tout d'abord, vous devez installer et activer le plugin WordPress. Ensuite, rendez-vous surApparence" crée un bloc thématique.

Ici, il suffit de sélectionner "Créer un thème enfant de [nom du thème actuel]".

Image [1] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Ensuite, remplissez les informations pour le thème enfant. Nous utilisons Twenty Twenty-Four dans cet exemple, nous l'appellerons donc Twenty Twenty-Four Child.

Après avoir rempli la description et l'auteur sur le sujet secondaire. Cliquez sur "Créer des sous-thèmes"Bouton.

Image [2] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Le plugin va maintenant créer etInstallation des thèmes WordPressdans la zone d'administration.

Une fois l'opération terminée, le site activera automatiquement ce thème enfant nouvellement créé. Il peut être activé en allant sur"Apparence" ""Sujet""pour confirmer.

Image [3] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Comment personnaliser le sous-thème du bloc

Le thème du sous-bloc a déjà été créé, et si un thème de sous-bloc est utilisé, la plupart des personnalisations seront effectuées dans le fichier theme.json, et non dans le fichier style.css.

Lors de nos tests, nous avons constaté que le processus était compliqué. Contrairement aux thèmes enfants classiques, si l'on est novice en matière de développement de thèmes WordPress, il faut recharger ses batteries (en particulier en ce qui concerne JSON et la manière dont les CSS y sont gérés).

Cependant, nous avons constaté que l'utilisation du plugin Create Block Theme est une alternative plus facile. Cet outil enregistre toutes les modifications effectuées dans l'éditeur de site complet de WordPress dans un fichier sub theme.json. Il n'est donc pas nécessaire de toucher au code car le plugin s'en charge.

Pour vous donner un exemple. Tout d'abord, en allant surL'éditeur "Apparence" s'ouvreEditeur complet de site WordPress.

Image [4] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Plusieurs menus peuvent être sélectionnés.

Ici, il suffit de sélectionner "type"suffira.

Image [5] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Sur la page suivante, vous pourrez choisir parmi plusieurs combinaisons de styles intégrés.

Vous pouvez ignorer tout cela et cliquer sur l'icône du crayon.

Image [6] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Essayons maintenant de modifier certaines parties du thème enfant, comme la police de caractères.

Pour cet exemple, cliquez sur "typographique".

Image [7] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Ensuite, vous verrez des options permettant de changer le thème de la pageTexte, liens, titres, en-têtesrépondre en chantantboutonsde la police globale.

Pour démontrer le cas, nous cliquons sur "légende".

Image [8] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Dans le menu déroulant Police, remplacez la sélection d'origine par n'importe quelle police disponible.

N'hésitez pas à modifier l'apparence, la hauteur des lignes, l'espacement des lettres et la casse des lettres si nécessaire.

Image [9] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Lorsque vous avez terminé, cliquez simplement sur "enregistrer (un fichier, etc.) (informatique)". Ensuite, vous pouvez cliquer sur "Sauvegarder".A côté".Création de blocs de sujets"(icône de la clé à molette).

Cliquez ensuite sur "Enregistrer les modifications du thème".

Image [10] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Ensuite, sélectionnez les modifications que vous souhaitez enregistrer dans le thème enfant.

Les exemples incluent les polices, les styles personnalisés, les changements de modèles, etc.

Image [11] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Lorsque vous avez terminé, il vous suffit de faire défiler la barre latérale jusqu'en bas.

Cliquez ensuite sur "Enregistrer les modifications".

Image [12] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Maintenant, regardez le fichier theme.json pour voir les changements reflétés dans le code.

Cliquez à nouveau".Création de blocs de sujets"et sélectionnez le bouton "Voir topic.json".

Image [13] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Après avoir cliqué sur ce fichier, vous verrez qu'il contient des ajouts de code.

Dans notre exemple, le fichier contient du code indiquant que la balise title utilisera une apparence semi-gras, une hauteur de ligne de 1,2x, un espacement de ligne de 1 pixel et une police Inter minuscule.

Image [14] - Comment utiliser le plugin pour créer un thème de sous-blocs WordPress - Photon Fluctuation Network | Professional WordPress Repair Service, Global Scope, Fast Response

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été rédigé par Harry
LA FIN
Si vous l'aimez, soutenez-le.
félicitations0 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires