Que vous utilisiez simplement l’éditeur de blocs WordPress pour le contenu des articles et des pages ou que vous utilisiez l’éditeur de site pour personnaliser un thème de bloc, il est essentiel de comprendre ce que sont les modèles WordPress et comment ils fonctionnent.

Dans cet article, nous allons aborder tout ce que vous devez savoir sur les modèles WordPress, y compris la façon dont vous pouvez utiliser les modèles WordPress pour travailler plus efficacement avec Gravity Forms.

Voici tout ce que nous aborderons dans cet article :

• Que sont les modèles WordPress ?
• Modèles WordPress synchronisés et non synchronisés, et quand les utiliser.
• Comment insérer des modèles dans l’éditeur de site et l’éditeur de blocs standard.
• Comment ajouter de nouveaux modèles (vos propres modèles personnalisés ou ceux d’une source tierce).
• Comment gérer les modèles de votre site.

Que sont les modèles WordPress ?

Les modèles WordPress sont des collections prédéfinies de blocs que vous pouvez enregistrer sur votre site. Vous pouvez ensuite facilement insérer ces modèles n’importe où sur votre site, y compris dans les articles et les pages, ainsi que dans les modèles que vous modifiez avec l’éditeur de site.

La plupart des thèmes de blocs WordPress sont livrés avec leur propre collection prédéfinie de modèles. Cependant, vous êtes également libre de créer vos propres modèles et de les enregistrer pour une réutilisation facile, ce que vous pouvez faire avec les thèmes classiques et en bloc.

Voici un exemple de ce à quoi ressemble l’insertion d’un motif dans l’éditeur :

Modèles synchronisés et non synchronisés

Pour vous donner plus de contrôle sur la façon dont vous utilisez les modèles sur votre site, WordPress inclut deux « types » de modèles :

• Modèles synchronisés – on les appelait autrefois des blocs réutilisables.
• Modèles non synchronisés – ce n’étaient que des « modèles » avant la décision de renommer les blocs réutilisables en « modèles synchronisés ».

Modèles synchronisés

Les modèles synchronisés sont des modèles qui sont les mêmes dans chaque instance de votre site. Si jamais vous mettez à jour le modèle synchronisé, ces modifications s’appliqueront automatiquement à chaque modèle synchronisé sur votre site.

Par exemple, disons que vous avez créé un formulaire d’inscription à la newsletter avec Gravity Forms que vous incluez dans les articles de blog. Si vous souhaitez que ce CTA d’inscription à la newsletter soit toujours le même dans chaque article de blog où vous l’avez inséré, vous utiliserez un modèle synchronisé.

L’utilisation d’un modèle synchronisé vous permettrait également de mettre à jour facilement le CTA à l’avenir si nécessaire, tout en garantissant la cohérence. En effet, la mise à jour du modèle synchronisé en un seul endroit vous permettrait d’appliquer automatiquement ces modifications à chaque instance du modèle synchronisé.

Vous trouverez ci-dessous un exemple de modèle synchronisé dans un article de blog : les utilisateurs ne peuvent pas modifier le contenu du modèle directement à partir de l’article de blog. Au lieu de cela, ils devraient modifier le modèle lui-même.

Les modèles synchronisés apparaîtront en violet dans l’éditeur, ce qui vous aide à les différencier des modèles non synchronisés.

Modèles non synchronisés

Les modèles non synchronisés, également parfois appelés modèles non synchronisés, sont tous indépendants les uns des autres.

Vous pouvez en quelque sorte considérer cela comme un point de départ. Cependant, une fois que vous avez apporté des modifications au modèle non synchronisé, ces modifications ne s’appliqueront qu’à cette seule instance ; toutes les autres situations dans lesquelles vous avez utilisé ce modèle non synchronisé ne seront pas affectées.

Bien que vous puissiez utiliser des modèles synchronisés pour garantir la cohérence, vous utiliserez principalement des modèles non synchronisés pour gagner du temps.

Par exemple, vous pouvez créer un modèle non synchronisé pour une mise en page de base que vous devez réutiliser beaucoup, où chaque instance de la mise en page sera unique après l’avoir personnalisée pour chaque élément de contenu.

Voici un exemple du même modèle ci-dessus en tant que modèle non synchronisé. Une fois le motif non synchronisé inséré, il fonctionne comme n’importe quel autre groupe de blocs.

Comment insérer des modèles WordPress

De nombreux thèmes WordPress sont désormais livrés avec leurs propres modèles prédéfinis, surtout si vous utilisez l’un des thèmes de blocs WordPress les plus récents. Vous pouvez également créer vos propres modèles, que nous aborderons un peu plus tard.

Quelle que soit la provenance des motifs, voici comment les insérer…

Comment insérer des modèles dans l’éditeur de site

Si vous utilisez l’éditeur de site pour contrôler les dispositions de votre thème de bloc, vous pouvez facilement utiliser des modèles pour accélérer le processus.

En fait, la plupart des thèmes de bloc incluent un ensemble de modèles prédéfinis pour divers modèles de thème et parties de modèles, tels que la page de publication unique, la page de liste du blog (archive), l’en-tête, le pied de page, etc.

Si vous créez un nouveau modèle, l’éditeur de site affichera automatiquement tous les modèles créés pour le type de modèle que vous créez.

Par exemple, lorsque nous avons créé un nouveau modèle unique, WordPress nous a montré le modèle de publication unique fourni avec notre thème :

Vous pouvez également accéder à tous vos modèles depuis l’éditeur :

1. Cliquez sur l’icône plus dans le coin supérieur gauche.
2. Sélectionnez le Motifs languette.
3. Localisez le modèle que vous souhaitez utiliser via le champ de recherche ou les filtres.

Comment insérer des modèles dans l’éditeur de blocs

En plus de l’éditeur de site, vous pouvez également utiliser des modèles lorsque vous contrôlez le contenu des publications et des pages dans l’expérience standard de l’éditeur de blocs.

Tout comme avec l’éditeur de site, vous pouvez accéder à l’outil d’insertion de motifs en cliquant sur l’icône plus dans le coin supérieur gauche et en sélectionnant l’icône Motifs languette.

Comment gérer les modèles de votre site

Pour vous aider à gérer tous les modèles de votre site, WordPress inclut une fonctionnalité de bibliothèque de modèles dédiée.

Vous pouvez désormais utiliser la bibliothèque de modèles avec tous Thèmes WordPress, y compris les thèmes en bloc et les thèmes classiques.

Cependant, la manière dont vous accédez à la bibliothèque de modèles dépendra si vous utilisez un thème de bloc ou un thème classique.

Thème de bloc:

1. Ouvrez votre tableau de bord WordPress.
2. Aller à Apparence → Éditeur.
3. Sélectionnez le Motifs dans la barre latérale de l’éditeur de site.

Thème classique:

1. Ouvrez votre tableau de bord WordPress.
2. Aller à Apparence → Motifs.

Dans tous les cas, vous serez dans la même interface générale.

Si vous souhaitez modifier un motif existant, vous pouvez cliquer sur l’icône à trois points et choisir Modifier dans la liste déroulante.

Note – tous les modèles ne sont pas modifiables. Si un motif est accompagné d’un cadenas, il n’est pas modifiable. Cependant, vous pouvez toujours dupliquer ces modèles verrouillés, puis modifier la version dupliquée.

Comment ajouter de nouveaux modèles à votre site WordPress

Selon le thème que vous utilisez, vous pouvez ou non avoir déjà accès à certains modèles.

Si vous souhaitez accéder à des modèles au-delà de votre thème, vous disposez de deux options de haut niveau :

1. Vous pouvez créer vos propres modèles.
2. Vous pouvez ajouter des modèles provenant d’une source tierce, telle qu’un plugin ou une bibliothèque hébergée.

Voyons comment cela fonctionne…

Créer vos propres modèles personnalisés

Il existe deux manières principales de créer vos propres modèles personnalisés :

1. Vous pouvez enregistrer une collection de blocs existante sous forme de modèle directement depuis l’éditeur de blocs.
2. Vous pouvez créer un modèle vierge à partir de la bibliothèque de modèles, puis ajouter le contenu à partir de zéro.

Pour ces exemples, disons que vous souhaitez créer un modèle synchronisé pour une inscription par e-mail que vous souhaitez inclure dans certains/tous vos articles de blog. Vous souhaiterez peut-être inclure du texte/CTA avec le formulaire d’inscription par courrier électronique que vous avez créé avec Gravity Forms.

Enregistrer des blocs en tant que modèle

Si vous avez déjà créé le contenu/la mise en page que vous souhaitez enregistrer en tant que modèle, vous pouvez enregistrer votre conception en tant que modèle directement depuis l’éditeur de blocs.

Tout d’abord, sélectionnez tous les blocs que vous souhaitez utiliser dans votre modèle. Pour cet exemple, nous avons un bloc Groupe qui contient quelques autres blocs, y compris le bloc Formulaire de Gravity Forms, que nous avons utilisé pour le formulaire d’inscription par courrier électronique.

Ensuite, cliquez sur le trois points icône sur la barre d’outils flottante et choisissez l’icône Créer un motif option dans la liste déroulante.

Cela ouvrira une fenêtre contextuelle dans laquelle vous pourrez saisir les détails de votre modèle :

• Nom – Ajoutez un nom interne pour vous aider à mémoriser le modèle.
• Catégories – Ajoutez une ou plusieurs catégories pour vous aider à organiser vos modèles.
• Synchronisé – Choisissez si le modèle doit être synchronisé ou non. Nous avons expliqué la différence et quand les utiliser plus tôt dans cet article.

Utilisation de la bibliothèque de modèles

Vous pouvez également créer un nouveau motif à partir de la bibliothèque de motifs, à laquelle nous vous avons montré comment accéder ci-dessus.

Tout d’abord, cliquez sur le bleu Ajouter un nouveau motif bouton dans le coin supérieur droit et choisissez Ajouter un nouveau motif dans la liste déroulante. Vous pouvez également importer un modèle à partir d’un fichier JSON, qui est une autre option dans la liste déroulante.

Vous pouvez ensuite lui donner un nom et des catégories et choisir de le synchroniser ou non.

Après avoir fait ces choix, WordPress vous amènera directement à l’éditeur de blocs, où vous pourrez configurer le contenu de ce modèle.

Par exemple, nous pourrions ajouter le bloc Form pour le formulaire, ainsi que tout autre bloc que nous souhaitions inclure dans le CTA.

Accéder aux modèles à partir d’autres sources

En plus de vos propres motifs et de tous les motifs fournis avec votre thème (ce qui n’est pas le cas de tous les thèmes), vous pouvez également accéder à des modèles provenant d’autres sources tierces.

Une option consiste à installer un plugin qui ajoute de nouveaux modèles à votre site. Vous pouvez en trouver un certain nombre dans différents référentiels, bien que beaucoup d’entre eux utilisent leur propre interface de gestion de modèles (plutôt que l’interface principale).

En plus d’installer des plugins qui ajoutent des modèles, vous pouvez également trouver des modèles de bloc sur des sites Web tiers, tels que la bibliothèque de modèles de blocs WordPress.org.

Utiliser ces modèles sur votre site est aussi simple que de les copier et de les coller.

Tout d’abord, trouvez le modèle que vous souhaitez utiliser sur votre site. Ensuite, cliquez sur l’option pour copier le modèle dans votre presse-papiers. Dans la bibliothèque de modèles de blocs WordPress.org, vous pouvez simplement cliquer sur le bouton bleu Copier le motif bouton dans le coin supérieur gauche.

Ensuite, accédez à votre site WordPress et ouvrez l’éditeur du contenu (ou du modèle) auquel vous souhaitez ajouter le modèle.

Il ne vous reste plus qu’à coller le motif dans l’éditeur, tout comme vous colleriez du texte (Ctrl/Cmd + V ou faites un clic droit et sélectionnez Coller).

Il est important de noter que copier et coller un modèle comme celui-ci pas ajoutez-le automatiquement à la bibliothèque de modèles de votre site. Si vous souhaitez enregistrer le modèle que vous avez collé en tant que modèle synchronisé ou non, vous devez sélectionner tous les blocs pertinents et les enregistrer en tant que modèle, tout comme nous vous l’avons montré dans la section ci-dessus sur la création de vos propres modèles personnalisés.

Commencez dès aujourd’hui avec les modèles WordPress

Que vous utilisiez un thème de bloc et l’éditeur de site ou que vous utilisiez simplement l’éditeur de bloc standard avec un thème classique, il est important de comprendre le fonctionnement des modèles WordPress.

L’utilisation de modèles synchronisés peut vous aider à réutiliser des conceptions cohérentes sur votre site et à les mettre à jour facilement à l’avenir. Les modèles non synchronisés peuvent également vous aider à gagner du temps lors de la conception de votre site en éliminant le besoin de tout concevoir à partir de zéro.

Gravity Forms est également entièrement compatible avec les modèles WordPress. À l’aide du bloc Formulaire, vous pouvez facilement inclure des formulaires dans n’importe quel modèle de votre site. Par exemple, vous pouvez utiliser un modèle synchronisé pour inclure un formulaire d’abonnement par e-mail dans votre contenu. Si jamais vous souhaitez mettre à jour votre formulaire/CTA à l’avenir, vous pouvez facilement diffuser ces modifications sur l’ensemble de votre site.

Si vous souhaitez commencer à inclure Gravity Forms dans vos modèles, vous pouvez acheter votre licence dès aujourd’hui.

Ou, si vous souhaitez essayer avant d’acheter, vous pouvez créer un site de démonstration gratuit et entièrement fonctionnel pour tester toutes ces fonctionnalités.