Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


français • •

Italiano • •

Sujets japonais
coréen • •
Македонски • •
Pays-Bas • •
portugais brésilien • •

russe • •

Slovénie • •
thaïlandais • •

Chinois simplifié) • •
chinois traditionnel) • •
((Ajoutez votre langue)

Un thème enfant WordPress est un thème qui hérite de la fonctionnalité d’un autre thème appelé thème parent. La rubrique enfant est la méthode recommandée pour modifier une rubrique existante.

Pourquoi utiliser un sujet enfant?

Il y a plusieurs raisons pour lesquelles vous voudrez peut-être utiliser une sous-section:

  • Si vous modifiez un sujet existant et le mettez à jour, vos modifications seront perdues.
  • L’utilisation d’un sous-sujet garantit que vos modifications sont conservées.
  • L’utilisation d’un sous-sujet accélère le temps de développement.
  • L’utilisation d’un sous-thème est un excellent moyen d’apprendre à développer un thème WordPress.

Structure de répertoire du sous-thème
  • Une rubrique enfant se compose d’au moins un répertoire (le répertoire de la rubrique enfant) et de deux fichiers obligatoires. Voici la structure:
  • Le répertoire du thème des enfants

La première étape de la création d’un sujet enfant consiste à créer le répertoire du sujet enfant dans lequel il sera placé wp-content / topics. Il est recommandé (mais pas obligatoire, surtout si vous créez une rubrique à usage public) que vous ajoutiez « -child » à la fin du nom de votre répertoire enfant de rubrique. Vous devez également vous assurer que le nom de répertoire de votre rubrique enfant ne contient pas d’espaces, ce qui peut provoquer des erreurs. Dans la capture d’écran ci-dessus, nous avons nommé notre sous-sujet «Vingt-cinq enfants», ce qui indique que le sujet de haut niveau est le sujet vingt-cinq.

L’étape suivante consiste à créer la feuille de style pour votre sujet enfant (style.css). La feuille de style doit commencer par les lignes suivantes (En-tête de feuille de style):

/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

ATTENTION: Ne mettez pas d’espace devant le panneau :: pour les noms de champs dans l’en-tête, comme cela se fait généralement en français, sinon cela peut poser des problèmes.

Veuillez noter ce qui suit

  • ligne modèle correspond au nom du répertoire des sujets superordonnés. Le sujet principal de notre exemple est le sujet vingt-cinq, donc ceci modèle est vingt cinq. Vous pouvez travailler avec un thème différent, alors ajustez-le en conséquence.
  • Le seul fichier requis pour un sujet enfant est style.css, mais functions.php est requis pour mettre correctement les styles en file d’attente (voir ci-dessous).

La dernière étape consiste à mettre en file d’attente les feuilles de style parent et enfant. Notez que la méthode précédente consistait également à importer la feuille de style de conception parent @importer: Ce n’est plus le meilleur plan d’action. La bonne façon de mettre en file d’attente la feuille de style du sujet parent est de l’utiliser wp_enqueue_script () (En anglais) en faisant functions.php Le sujet de votre enfant. Vous devez donc en créer un functions.php dans le répertoire de votre sujet enfant. La première ligne de functions.php Le sujet de votre enfant sera une journée d’ouverture PHP ( ), après quoi vous pouvez mettre en file d'attente les feuilles de style des sujets parent et enfant. L'exemple de fonction suivant ne fonctionnera que si votre thème parent utilise un seul style.css principal pour stocker tout le CSS. Si votre thème contient plusieurs fichiers CSS (par exemple dh.css, style.css, main.css), vous devez ensuite vous assurer que toutes les dépendances du sujet parent sont conservées. La configuration du style parent en tant que dépendance garantit que les feuilles de style du sujet enfant sont ensuite chargées. Voir une discussion plus approfondie ici ::

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

Votre sujet enfant est maintenant prêt à être activé. Connectez-vous au tableau de bord de votre site et accédez à Champs d'administration > Voir > sujets. Là, votre sujet enfant devrait être prêt à être activé dans la liste. (Si votre installation WordPress a activé le multi-site, vous devrez peut-être aller dans la fenêtre d'administration réseau pour activer le thème (sur l'onglet) Thème de l'écran de l'administrateur réseau (En anglais) ). Vous pouvez ensuite revenir au tableau de bord WordPress de votre site Web pour activer votre sous-thème.)

Noter : Vous devrez peut-être réenregistrer votre menu (Affichage> Menus ou Affichage> Personnaliser> Menus) et les options de thème (y compris les arrière-plans de page et les images d'en-tête) après avoir activé le thème enfant.

Fichiers de modèle

Si vous voulez changer plus que le style, le thème de votre enfant peut écraser n'importe quel fichier du sujet parent: ajoutez simplement un fichier du même nom au répertoire du sujet enfant et le fichier sera écrasé dans le répertoire du sujet parent lorsque le site Web est chargé. Par exemple, si vous souhaitez modifier le code PHP pour changer l'en-tête du site, vous pouvez inclure un header.php dans le répertoire des sujets de votre enfant. Ce fichier est utilisé à la place du fichier header.php dans la rubrique parent.

Vous pouvez également inclure des fichiers dans la rubrique enfant qui n'existent pas dans la rubrique parent. Par exemple, vous pouvez créer un modèle plus spécifique que ceux trouvés dans le sujet de votre parent, tel que: B. un modèle pour une page ou une catégorie d'archive spécifique. Est-ce que tu le vois Hiérarchie du modèle En savoir plus sur la manière dont WordPress décide du modèle à utiliser.

Utilisez un fichier functions.php

Contrairement au fichier style.css, le fichier functions.php du sujet enfant n'écrase pas son homologue parent. Au lieu de cela, c'est est chargé en plus du fichier functions.php du parent. (En particulier, il est uniquement chargé Devant celle du parent.)

De cette façon, le functions.php Le sujet enfant offre un moyen intelligent et simple de modifier la fonctionnalité d'un sujet parent. Supposons que vous souhaitiez ajouter une fonction PHP à votre sujet. Le moyen le plus rapide serait d'ouvrir votre fichier functions.php et mettez la fonction là-bas. Mais ce n'est pas très judicieux: la prochaine fois que votre sujet est mis à jour, votre fonctionnalité disparaîtra. Mais il existe un moyen plus intelligent: vous pouvez créer un sous-thème, puis créer un fichier à l'intérieur. functions.phpet ajoutez votre fonction à ce fichier. La fonctionnalité fait exactement le même travail à partir de là, avec l'avantage de ne pas être affectée par les futures mises à jour sur le sujet parent. Ne copiez pas l'intégralité du contenu du fichier functions.php de la rubrique parent dans le fichier functions.php de la rubrique enfant.

La structure du fichier functions.php c'est simple: une balise PHP ouverte au début, une balise PHP close à la fin et vos instructions PHP entre les deux. Vous pouvez insérer autant de fonctions que vous le souhaitez. L'exemple suivant montre un fichier functions.php Basique qui fait une chose simple: ajouter un lien favicon à l'élément head De vos pages HTML.

<?php // Balise d'ouverture PHP - il ne doit rien avoir avant cela même pas un espace

// Fonction personnalisée à inclure
function favicon_link() {
    echo '<link rel="shortcut icon" type="image/x-icon" href="https://codex.wordpress.org/favicon.ico" />' . "n";
}
add_action( 'wp_head', 'favicon_link' );

Conseils pour les développeurs de thèmes. Le fait que le fichier functions.php un sujet pour enfants Soit chargé en premier, vous pouvez exécuter les fonctions utilisateur de votre thème enfichable - c'est-à-dire remplaçables dans un sujet subordonné - en les déclarant sous certaines conditions. Par example :

if (! function_exists ('theme_special_nav')) {
    theme_special_nav fonction () {
        / / Faire quelque chose.
    }
}

De cette façon, un sujet enfant peut remplacer une fonction PHP du sujet parent en le déclarant simplement en premier.

Référencer / insérer des fichiers dans votre sujet enfant

Si vous devez inclure des fichiers dans la structure des répertoires de sujets de votre enfant, utilisez celui-ci get_stylesheet_directory (). Étant donné que le fichier style.css du sujet parent est remplacé par le fichier style.css de l'enfant et que votre style.css est à la racine du sujet de votre enfant, la fonction get_stylesheet_directory () pointe vers le sous-répertoire de votre enfant (et non sur le répertoire ) du sujet supérieur).

Voici un exemple utilisant require_onceCela montre comment utiliser get_stylesheet_directory () lors du référencement d'un fichier stocké dans la structure de répertoires de rubriques de votre enfant.

require_once( get_stylesheet_directory(). '/my_included_file.php' );

Autres informations utiles

Utiliser les formats d'article

Un sujet enfant hérite de Formats d'article tel que défini par le sujet parent. Cependant, lors de la création de sujets enfants, gardez à l'esprit que add_theme_support ('Formats de publication') devenir Surcharge Il n'est pas nécessaire d'ajouter les formats définis par le sujet parent.

Prend en charge RTL

Ajouter un fichier pour prendre en charge les langues RTL rtl.css sur le thème de vos enfants avec:

/*
Theme Name: Twenty Fourteen Child
Template: twentyfourteen
*/

WordPress ne charge automatiquement le fichier rtl.css que si is_rtl () revenir vrai.

Même si le sujet parent n'a pas de fichier rtl.css, il est recommandé d'en ajouter un à votre sujet enfant.

internationalisation

Comme d'autres plugins, les sujets enfants peuvent être traduits dans d'autres langues à l'aide des fonctions gettext. Vous trouverez plus d'informations sur ce sujet sur Traduire WordPress (En anglais) & I18n pour les développeurs WordPress (En anglais).

Pour internationaliser un sujet enfant, procédez comme suit:

  • Ajoutez un répertoire de langue.
    • Quelque chose comme my-theme/languages/.
  • Ajoutez les fichiers de langue.
    • Vos noms de fichiers doivent être he_IL.po & he_IL.mo (selon votre langue), par opposition aux fichiers d'extension qui sont domaine-he_IL.xx.
  • Téléchargez un Domaine de texte.
    • Usez load_child_theme_textdomain () dans functions.php en action after_setup_theme.
    • Le domaine de texte défini dans load_child_theme_textdomain () doit être utilisé pour traduire toutes les chaînes présentes dans le sujet enfant.
  • Utilisez les fonctions GetText pour ajouter la prise en charge i18n de vos chaînes.

Exemple: domaine de texte

<?php
/**
 * Configuration du domaine de test de mon thème enfant.
 *
 * Déclare un domaine de texte pour ce thème enfant.
 * Les traductions doivent être déposées dans /languages/ directory.
 */
function my_child_theme_setup() {
    load_child_theme_textdomain( 'my-child-theme', get_stylesheet_directory() . '/languages' );
}
add_action( 'after_setup_theme', 'my_child_theme_setup' );
?>

Exemple: fonction gettext

<?php
_e( 'Code is Poetry', 'my-child-theme' );
?>

En bref, toutes les chaînes qui utilisent le domaine de texte Mon sujet enfant sont traduisibles. Les fichiers de traduction doivent se trouver dans le répertoire "/ language /".

Ressources

Notez que certaines de ces ressources recommandées seront utilisées importer à partir de la feuille de style de votre sujet enfant comme méthode d'importation de la feuille de style du sujet parent. Veuillez utiliser la fonction wp_enqueue_script () comme décrit ci-dessus.



Source link

Recent Posts