Guide final pour la création du sous – thème Divi

La création d’un sous – thème Divi est une bonne façon d’ajouter une personnalisation avancée à un thème sans vous soucier de supprimer ces changements chaque fois que vous mettez à jour un thème Divi. En fait, le thème Divi pour enfants présente de nombreux avantages. Il vous permet de mieux organiser tous vos CSS \/ codes personnalisés en un seul endroit et de faciliter la collaboration avec les autres. Cela aidera également à protéger votre code des clients qui ont accès au code personnalisé dans les paramètres du client et du thème. Dans cet article, je vais vous montrer comment créer un sous – thème Divi. J’espère que ce processus sera utile à ceux qui commencent tout juste à utiliser Divi et aux développeurs qui veulent publier des sous – thèmes Divi complets pour leurs clients.
On y va. Pourquoi Divi Child theme est – il nécessaire? Divi est le thème de WordPress. Chaque fois que vous devez changer un thème WordPress, il est bon de créer des sous – thèmes qui héritent de la conception et des fonctionnalités du thème parent. Une raison importante de créer un sous – thème est de conserver les modifications apportées lors de la mise à jour du thème principal. Chaque fois que Divi est mis à jour, tous les fichiers de sujets sont mis à jour, de sorte que si des modifications sont apportées à ces fichiers, elles sont supprimées. Ainsi, au lieu d’éditer directement les fichiers de thème Divi, vous pouvez créer d’autres fichiers de thème dans le Sous – thème afin qu’ils restent inchangés lors de la mise à jour de Divi. Par conséquent, si vous souhaitez effectuer une personnalisation avancée d’un thème, comme modifier un modèle de page et \/ ou ajouter un grand nombre de CSS \/ javascript et \/ ou ajouter de nouvelles fonctionnalités, il est préférable d’effectuer ces modifications sur le Sous – thème sans avoir à cliquer sur le fichier principal du thème.
Puis – je utiliser Divi sans sous – thème? Vous pouvez utiliser Divi sans créer de sous – thèmes Divi, à condition que vous puissiez
Pisca il motivo. Divi vous permet d’ajouter des CSS et du Code personnalisés à des endroits tels que Divi Builder, theme Customer et Theme settings. En fait, Divi a même amélioré l’édition du Code à cette fin. Ce code est conservé lors de la mise à jour du sujet Divi. Par conséquent, selon un point de vue, les sous – thèmes ne sont pas nécessaires si l’utilisateur veut apporter des changements mineurs. De plus, Divi minimise et cache automatiquement les fichiers CSS statiques afin que la vitesse de chargement de la page ne soit pas un problème.
Pour simplifier les choses, permettez – moi d’expliquer les circonstances dans lesquelles vous pourriez ou non utiliser le thème Divi Child. Si… Vous modifierez le Code de fichier pour un sujet particulier (y compris les modèles de page et les fonctions.php, etc.), et vous ajouterez des centaines de lignes de code (CSS, Javascript, etc.). Bien que vous puissiez l’ajouter à des endroits comme les paramètres du sujet, l’utilisation de nombreux CSS devient plus difficile à gérer. Vous voulez travailler avec les autres et accélérer le temps de développement tout en gardant tout dans un espace organisé. Vous ne voulez pas que les clients modifient le personnalisateur \/ réglage du sujet et corrompent votre code. Le cacher dans le thème de l’enfant l’éloignerait certainement des autres. Si…
Vous prévoyez apporter des changements mineurs au sujet. Ajoutez un petit nombre de CSS (par exemple moins de 100 lignes) ou de scripts à la configuration \/ personnalisation du thème, et si vous voulez seulement le faire, vous n’avez pas besoin de créer des sous – thèmes. Tu ne travailles pas avec une équipe. Par exemple, vous engagez un développeur pour travailler sur votre site Web qui peut ou non être familier avec Divi et qui va sans aucun doute créer un thème pour enfants de toute façon
Taylor. Pour nos sous – thèmes, nous devons nous assurer que les styles qui existent déjà dans Divi (thème principal) ne sont pas complètement ignorés. Cela signifie que nous devons nous assurer d’utiliser d’abord la Feuille de style parent de Divi avant d’introduire une nouvelle feuille de style. Cet ordre est important parce que si vous connaissez bien CSS, le Code que vous entrez en bas aura toujours préséance sur le Code en haut. Par conséquent, dans cet exemple, nous voulons charger le Code de la Feuille de style parent avant de charger le Code de la Feuille de style enfant. Pour ce faire, nous devons mettre en file d’attente la Feuille de style du thème parent (Divi). La file d’attente est un mot fantaisiste qui signifie littéralement « ajouter à la file d’attente », donc dans ce cas, nous ajoutons la Feuille de style parent à la file d’attente avant la Feuille de style du sous – thème. En d’autres termes, tout ce que nous ajoutons à la Feuille de style du sous – thème ajoute et remplace le thème parent. Depuis le lancement de Divi, il a suivi l’approche originale recommandée par wordpress pour la mise en place de thèmes pour enfants. Cette méthode originale de création de sous – thèmes implique l’exécution de @ import – CSS à partir d’une feuille de style de thème parent à partir d’un fichier de style. Css pour le Sous – thème. De nombreux sujets sont encore mis en place de cette façon, laissant les sous – thèmes à la tâche simple de définir leur propre style. CSS E @ importer des styles. Divi et Divi CSS téléchargeront automatiquement le fichier. Lorsque l’application est la Feuille de style principale, utilisez la fonction get _ Stylesheet Directory Uri () pour traiter Divi. Cela signifie que Divi est configuré pour invoquer votre propre feuille de style ou feuille de style de sous – thème, selon l’activité. Essentiellement, en utilisant get _ Stylesheet Directory Uri (), WordPress renvoie l’uri au Répertoire des sous – thèmes, et non au Répertoire des thèmes parents, si les sous – thèmes sont activés. Maintenant wordps