Ressources Chapitre 2

LES RESSOURCES

CHAPITRE 2 : CRÉER UN THEME ENFANT

MODULE 10

CRÉER UN THÈME ENFANT

Eh bien, la solution à tous ces problèmes est d'utiliser un thème enfant. Nous allons vous apprendre comment créer un thème enfant pour votre site Divi à partir de zéro, ou d’un simple clic....

Qu'est-ce qu'un thème pour enfant et pourquoi en avez- vous besoin ?

Utilisez le générateur de Divi Page et utilisez n'importe quel module pour créer le raccourci.

Vous pouvez modifier le style du module comme d'habitude. Une fois terminé, cliquez sur le bouton Créer et vous avez terminé.

Copiez maintenant le code de raccourci et placez-le dans des modules comme Toggle ou Tabs, ou CTA ou tout autre module qui a un éditeur.

En fait, il fonctionnera également dans les éditeurs de WooCommerce.

https://ayanize.com/product/ac-shortcodes/

Quels sont les fichiers dont vous avez besoin pour créer un thème enfant ?

Chaque thème d'enfant a besoin de trois fichiers pour fonctionner correctement :

Nous allons créer chacun de ces fichiers et examiner leurs objectifs. Je vous recommande fortement de suivre ce tutoriel pas à pas afin que vous puissiez comprendre ce qu'il y a dans un thème enfant et comment en créer un, mais si vous voulez juste gagner du temps, il existe une option de téléchargement avec un générateur de thème.

Nous vous adresserons des liens pour pouvoir créer le votre très simplement.

style. css

La première étape dans la création d'un thème enfant Divi est de créer le fichier "style. css". Ce fichier a deux objectifs principaux :

Le second objectif est de conserver les styles CSS utilisés pour personnaliser l'apparence de votre site Web. Nous parlerons de la personnalisation du thème de votre enfant plus tard dans ce tutoriel. Lorsque vous créez votre fichier "style. css", collez-le dans ce code :

/*-------------------------------------------------------

Nom du thème: Divi Child Theme Thème URI: https://domaine.com ou .fr /

Description: Un modèle de thème enfant pour Divi Auteur: Divi

Auteur URI: https://domaine.com/ Gabarit: Divi

Version: 1.0

CSS SUPPLÉMENTAIRE ICI

----------------------------------------------------------------------*/

Vous devez modifier toutes les informations pour qu'elles correspondent aux vôtres. Le nom du thème s'affichera dans votre répertoire thématique. Assurez-vous d'inclure tout ce qui précède et assurez-vous d'utiliser Divi ou Extra pour la valeur'Thème:'. Si l'une de ces informations est incorrecte, le thème de votre enfant ne fonctionnera pas.

Functions. php

• Typiquement, ce fichier contient du code PHP personnalisé à utiliser pour diverses fonctionnalités supplémentaires dans le thème enfant.

  Lorsque vous créez votre fichier "functions. php", copiez et collez le code suivant en utilisant votre éditeur de texte préféré.

  <? php

  
  

  /*-------------------------------------------------------

  
  

  Divi Thème Enfant Fonctions. php

  
  

  -------------------------- AJOUTEZ VOTRE PHP ICI----------------------------------- */

  
  

  fonction divichild_enqueue_styles () {

  
  

  $parent_style =' parent style';

  
  

  wp_enqueue_style ($parent_style, get_template_directory_uri (). ' /style. css')); wp_enqueue_style ("style enfant"),

  get_stylesheet_directory_uri (). "/style. css", tableau ($parent_style),

  wp_get_theme ()->get (' Version')

  );

  }

  add_action (' wp_enqueue_scripts',' divichild_enqueue_styles');

  ?>

Capture d'écran. png

Création manuelle du répertoire

• Les fichiers sont automatiquement créés avec les extensions appropriées. Maintenant ouvrez les fichiers et collez le code dont que nous vous avons présenté dans la page précédente. Faites glisser et déposez le fichier de capture d'écran dans le répertoire.

  Dans votre tableau de bord WordPress, allez dans Apparence, Thèmes et le thème de votre enfant sera disponible.

  En cadeau - Téléchargez un modèle de thème enfant Divi !

Ressources supplémentaires pour les thèmes enfants

• Le plugin de thème enfant en un clic - Si vous avez des difficultés à créer un dossier de thème enfant, alors ce plugin en créera un pour vous avec un simple clic !

• Le Codex WordPress - Il y a toutes sortes de documentation dans le codex WordPress . S'il y a quelque chose dont vous avez besoin de clarification dans ce post, alors cela devrait être votre premier arrêt.

• Enfin, vous pouvez créer votre thème enfant avec le générateur de thème en cliquant sur le lien ci-dessous. https://elegantmarketplace.com/child-theme-maker/

MERCI