Thèmes enfants : qu’est-ce que c’est et comment les utiliser

L’essor des nouvelles technologies et l’utilisation massive des réseaux sociaux comme élément de communication pour les utilisateurs et les marques sont un fait qui a révolutionné notre façon d’interagir. Malgré cela, ces canaux tendent à être les espaces à travers lesquels les dialogues sont générés. Normalement, c’est à travers la création de plateformes de blogs ou de sites Web que ces dialogues trouvent des arguments qui sont soutenus.

Avoir une présence numérique à travers un blog est un atout majeur pour les utilisateurs et les entreprises qui cherchent à consolider leur image au niveau numérique. Et grâce à des outils comme WordPress, cela a été simplifié, permettant à chacun de générer un bon espace de contenu. Le problème survient lorsque l’on travaille sur un modèle et qu’il est modifié par une mise à jour de routine. Comment corriger ce problème ?

Que sont les thèmes enfants ?

Imaginez que vous ayez passé quelques heures à travailler et à modifier un modèle WordPress à votre guise. Après quelques mois depuis votre bureau, vous pouvez vérifier une nouvelle mise à jour du modèle. Après cela, vous découvrirez qu’une partie de la conception qui vous a pris tant d’heures à investir a été modifiée. Bien que ce ne soit rien de plus qu’un petit exemple de changement. Dans de tels cas, vous pouvez utiliser des thèmes enfants.

Les thèmes enfants sont, comme leur nom l’indique, des modèles filles d’un thème dépendant du parent qui conserve la fonctionnalité d’origine de ce dernier. La différence avec le modèle enfant est que bien qu’il acquière tous les éléments du thème parent, il n’est pas mis à jour directement. Autrement dit, si vous travaillez sur un site Web avec des modèles fille et père, seul le modèle parent est mis à jour.

Quelle est la fonction des thèmes enfants sur un site Web ?

Il y a des moments où nous développons une bonne conception Web mais, comme dans l’exemple précédent, l’installation d’une mise à jour va gâcher l’un de nos modules. Il se peut également que vous souhaitiez travailler de manière indépendante sur le code du thème pour apporter quelques modifications à sa structure. Pour ces cas il est intéressant d’utiliser un modèle fille.

Certains utilitaires complémentaires seraient :

-Ajouter des lignes de code pour travailler sur le fonctionnement d’une application externe.

-Modifier les aspects du CSS de la page.

Étapes pour créer un modèle enfant

Pour expliquer comment créer un thème enfant, commençons par un modèle principal de base. Par exemple, imaginons que nous travaillons sur notre site Web à partir du thème TwentySeventeen. Par conséquent, les étapes que nous devons suivre seront les suivantes :

1-Assemblez le modèle sur notre site WordPress. Depuis le bureau de la plateforme, nous activons le thème que nous allons utiliser comme base sur lequel construire notre espace sur le réseau.

2-Ensuite, nous devons accéder au FTP, c’est-à-dire l’endroit où notre site Web est hébergé, et entrer dans le dossier « wp-content/themes ». À l’intérieur se trouve l’endroit où tous les modèles que nous avons installés sont enregistrés. On y verra donc TwentySeventeen.

Eh bien, c’est ici que nous allons commencer à créer notre thème enfant. Pour ce faire, nous allons créer un nouveau dossier que nous appellerons par exemple « vingt-sept-enfants ».

3-Nous entrons et créons deux fichiers. D’une part nous allons créer un fichier « style.css », et d’autre part « functions.php ». Il est possible de créer ces fichiers à partir d’un « txt » que l’on renomme avec ses extensions correspondantes.

3.1-En tenant compte du style du template parent que nous utilisons (TwentySeventeen), nous devons copier le code suivant dans notre nouveau « style.css » :

/* Nom du thème : Vingt dix-sept enfants URI du thème : http://misitio.com/twenty-seventeen-child/

Description : Thème enfant pour diverses modifications

Auteur : Mon nom

URI de l’auteur : http://monsite.com

Modèle : vingt-sept

Version : 1.0.0

Licence : GNU General Public License v2 ou version ultérieure

URI de la licence : http://www.gnu.org/licenses/gpl-2.0.html

Mots clés : clair, sombre, deux colonnes, barre latérale droite, mise en page réactive, prêt pour l’accessibilité Domaine de texte : vingt-dix-sept enfants

*/ 3.2-Pour le fonctions.php nous copierons le code ci-dessous :

$parent_style = « vingt-sept-style » ;

$child_style = ‘vingt-dix-sept-enfants-style’;

wp_enqueue_style( $parent_style,

get_template_directory_uri() . ‘/style.css’ );

wp_enqueue_style( $child_style,

get_stylesheet_directory_uri() . ‘/style.css’,

tableau( $parent_style ),

wp_get_theme()->get(‘Version’)

);

}

add_action( ‘wp_enqueue_scripts’, ‘enqueue_styles_child_theme’ );

4-À partir de là, nous pouvons charger le thème enfant en tant qu’élément indépendant du bureau WordPress. Il est important de se rappeler que toutes les modifications que nous apportons n’affecteront pas le modèle parent, mais seront modifiées dans le modèle fille.

#### Vous avez aimé cet article ? Notez-le !

5 étoiles4 étoiles3 étoiles2 étoiles1 étoile (2 votes, moyenne : 5,00 sur 5)

#### Plus d’articles connexes