Comme le titre de ce tutoriel le suggère, je vais vous montrer comment intégrer des pages dans le contenu de WordPress. Mais vous n’êtes pas limité aux pages. Vous pouvez intégrer n’importe quel type de contenu WordPress dans un article ou une page. Cela inclut les types d’articles personnalisés que vous créez vous-même ou qui sont créés par un plugin.
Aujourd’hui, je vais vous expliquer pourquoi l’intégration est un outil puissant, et nous allons passer en revue les étapes nécessaires pour intégrer des pages dans un contenu WordPress.
Pourquoi intégrer une page dans une page ?
Si vous avez du contenu qui apparaît à plusieurs endroits sur votre site, vous savez que lorsque ce contenu change, il peut être fastidieux de mettre à jour chaque article ou page sur lequel il apparaît. Il est facile d’oublier une page lors d’une mise à jour manuelle. Vous risquez alors d’avoir des informations contradictoires d’une page à l’autre.
Mais que se passerait-il si vous pouviez mettre à jour le contenu répétitif en un seul endroit et mettre automatiquement à jour toutes les pages où le contenu apparaît ? C’est là toute la puissance de l’intégration.
Il suffit de mettre à jour la page qui contient le contenu pour que celui-ci soit modifié partout où le texte ou le média apparaît sur votre site.
L’intégration comme outil de formatage
Le contenu répétitif n’est pas la seule bonne utilisation de l’intégration. Souvent, nous avons des éléments d’un article ou d’une page qui peuvent nécessiter une mise en page différente du format standard des articles de WordPress. Il peut s’agir de présentations visuelles telles que des galeries d’images ou des carrousels. Et parfois, les tableaux ne s’intègrent pas dans le balisage standard de la page.
L’intégration d’un type de page personnalisé peut rendre votre flux de travail beaucoup plus efficace.
L’intégration est un outil puissant, mais elle ne doit pas être compliquée. Si vous avez déjà codé un site manuellement et utilisé des includes pour le contenu répétitif, c’est essentiellement ce que nous allons faire ici. L’intégration à l’aide de shortcodes WordPress ou l’inclusion d’un fichier dans une page donnera le même résultat.
Si vous n’avez jamais travaillé avec des includes ou des embedded, ne vous inquiétez pas. À la fin de l’article, vous comprendrez comment cela fonctionne. Et si vous suivez bien, vous serez prêt à commencer à intégrer tout de suite.
Installation du plugin WordPress Insert Pages
Nous allons utiliser le plugin « Insert Pages » pour réaliser notre intégration, alors installons-le.
Connectez-vous au panneau d’administration de WordPress.
Dans la colonne de navigation de gauche, cliquez sur le lien « Plugins » et cliquez sur le lien « Ajouter un nouveau ».
Dans le champ « Search plugins… », entrez « Insert Pages ».
Une fois le plugin localisé, cliquez sur le bouton « Installer maintenant ».
Une fois le plugin installé, cliquez sur le bouton « Activer ».
Utilisation du plugin Insert Pages
Les exemples présentés ici utilisent l’éditeur classique de WordPress. Si vous utilisez Gutenberg, les fonctions Insert Pages doivent être ajoutées aux articles manuellement à l’aide du bloc Shortcode. Je vous montrerai comment cela fonctionne dans une minute.
Lorsque vous écrivez ou modifiez un article, vous verrez une icône « Insérer une page ». Cliquez dessus pour insérer une page dans votre article.
Dans la fenêtre contextuelle « Insérer une page » qui s’ouvre, sélectionnez une page dans la liste des pages. La sélection d’une page remplit automatiquement le champ « Slug ou ID ».
Vous pouvez également saisir manuellement le nom de la balise ou l’ID de la page dans le champ « Balise ou ID ».
Cliquez sur le bouton « Insérer une page ».
Vous pouvez voir que Insert Pages ajoute un shortcode à l’article.
Ce code indique l’emplacement de la page insérée dans l’article.
Par défaut, seul le titre de la page insérée est affiché.
Modifions cela pour que le contenu de la page intégrée soit affiché.
Ouvrez l’article qui contient le contenu intégré dans l’éditeur. Sélectionnez le shortcode que nous avons ajouté. Cliquez sur l’icône « Insérer une page ».
Vous pouvez maintenant choisir la partie de la page intégrée qui sera affichée.
Nous allons choisir « Contenu », puis cliquer sur le bouton « Mettre à jour ».
Vous pouvez voir que le shortcode a été modifié en display=’content’ .
Après avoir sauvegardé l’article, vous pouvez voir qu’il affiche maintenant le contenu de la page.
Utilisation du plugin Insert Pages avec l’éditeur de blocs Gutenberg
Comme vous avez pu le constater avec les shortcodes des exemples précédents, l’intégration d’une page dans l’éditeur de blocs Gutenberg fonctionne de la même manière que dans l’éditeur classique. La seule différence est qu’il n’y a pas d’icône « Insérer une page » pour faire apparaître la fenêtre pop-up.
Le shortcode doit être ajouté manuellement lorsque vous travaillez avec Gutenberg.
Pour ajouter le contenu de notre page d’exemple à un article dans Gutenberg, il suffit d’ajouter le shortcode :
Notez que Gutenberg détectera le shortcode et l’ajoutera à un bloc de shortcodes.
Voici les options d’insertion des pages. Vous pouvez voir que seule la valeur « display » change.
Intégrer des types d’articles personnalisés
Nous avons parlé de l’utilisation de types d’articles personnalisés pour ajouter du contenu nécessitant une mise en forme spécifique. Les types d’articles personnalisés peuvent également être intégrés à l’aide du plugin « Insert Pages ».
Nous allons sélectionner le type d’article personnalisé « FOOTER ».
Le shortcode « FOOTER » est inséré.
Et le pied de page du type d’article personnalisé est affiché dans l’article.
Si vous l’intégrez, ils viendront
Les possibilités d’intégration sont nombreuses et nous n’avons fait qu’effleurer le sujet. En utilisant les types d’articles personnalisés, vous pouvez vous lancer dans des scénarios d’intégration élaborés et compliqués. Mais les utilisations simples sont tout aussi intéressantes. S’habituer à l’idée d’intégrer du contenu dans un article peut ouvrir la porte à de nombreuses nouvelles idées.
Avez-vous déjà utilisé d’autres méthodes manuelles pour intégrer du contenu dans une page ? Pouvez-vous imaginer un type d’article personnalisé qui pourrait être un outil d’intégration utile ?
