Comment puis-je rendre mon site Web professionnel ? C'est une question que se posent de nombreux créateurs de sites Web en herbe lorsqu'ils planifient leur projet. Les réponses évidentes incluront l'amélioration de la conception ou l'ajout de nombreuses fonctionnalités sophistiquées.

Mais en fait, l'un des moyens les plus efficaces d'améliorer réellement votre site Web de base et d'en faire un site Web professionnel et personnalisé consiste à ajouter du contenu dynamique. Le contenu dynamique offrira à vos utilisateurs une expérience beaucoup plus satisfaisante sur votre site Web.

Introduction au contenu dynamique

Qu'est-ce que le contenu dynamique exactement ?

Le contenu dynamique fait référence à un contenu Web interactif qui change en fonction de l'heure, du lieu et de l'utilisateur. Lorsqu'un utilisateur navigue sur un site Web dynamique, WordPress extrait les informations correctes de la base de données pour les afficher à l'utilisateur en fonction de la page sur laquelle il se trouve.

Avec un contenu statique, ce que vous voyez sur le front-end ne changera pas. En fait, vous aurez plus que probablement besoin de l'aide d'un développeur si vous souhaitez y apporter des modifications. Cependant, avec le contenu dynamique, les propriétaires de sites Web peuvent tout modifier instantanément sur le back-end sans codage. Cela signifie que les informations peuvent changer en fonction de ce que l'utilisateur regarde, offrant une expérience beaucoup plus interactive.

Pour illustrer, si vous êtes sur un site Web de salle de sport, vous voudrez peut-être consulter les différentes salles de sport disponibles. Bien sûr, chaque salle de sport aura des informations différentes telles que son propre nom, son adresse et sa liste d'installations. Par conséquent, lorsque vous cliquez sur chaque salle de sport, vous verrez différents contenus liés à celle-ci que vous ne trouverez pas sur les autres pages.

Salle d'équilibre

Club Énergie

Les avantages du contenu dynamique

Le contenu dynamique apporte de nombreux avantages à votre site Web que le contenu statique ne peut pas offrir.

  • Une meilleure expérience utilisateur. Les utilisateurs pourront voir des contenus qui leur sont adaptés tels que différentes offres qui évolueront en fonction de leur comportement.
  • Améliorez vos KPI. Avec un contenu dynamique, vous pouvez améliorer les conversions et réduire les taux de rebond sur votre site Web en créant un contenu sur mesure.
  • Navigation fluide. Le contenu dynamique offre une expérience transparente sur un site Web par rapport au contenu statique, car vous pouvez facilement trouver le contenu que vous recherchez.
  • Facile à mettre à jour. Vous pouvez simplement modifier votre page sur le back-end WordPress sans avoir besoin d'engager un développeur expert.
  • Répond aux tailles d'écran. Un site Web dynamique s'adapte facilement à différentes tailles d'écran par rapport à un site statique.

Nous vous recommandons de créer du contenu dynamique de deux manières. Ci-dessous, nous vous montrerons les deux options et exactement comment vous pouvez créer vos sites Web avec les deux.

1. Créer du contenu dynamique avec Toolset Blocks & Gutenberg

Ensemble d'outils

Le lancement de Blocs d'outils propose une nouvelle façon de créer du contenu dynamique sur WordPress en utilisant son éditeur de blocs, Gutenberg.

Depuis son lancement il y a un an, Gutenberg s'est considérablement amélioré pour vous offrir un moyen simple et intuitif de concevoir et de mettre en œuvre vos sites Web. La meilleure partie est que les non-codeurs peuvent désormais facilement créer exactement ce qu'ils avaient en tête en utilisant Gutenberg et les plugins intégrés.

Cela inclut le contenu dynamique que les créateurs de sites Web peuvent créer avec Gutenberg grâce à Toolset Blocks.

Comment fonctionne les blocs Toolset ?

Toolset Blocks est un nouveau plugin que vous pouvez utiliser sur deux fronts :

  1. Créez des fonctionnalités avancées personnalisées telles que des modèles de contenu, des archives et Vues.
  2. Prend en charge les sources dynamiques pour les blocs, ce qui rend vos champs et taxonomies personnalisés disponibles pour être affichés sur vos pages.

Par conséquent, vous pouvez utiliser Toolset Blocks pour ajouter facilement du contenu dynamique à n'importe quel article, page ou modèle sans aucun codage.

Ci-dessous, j'ai créé un exemple de modèle de contenu pour un site Web de démonstration de salles de sport qui garantit que chaque article de salle de sport aura le même design mais un contenu différent grâce au contenu dynamique.

Modèle de contenu de l'ensemble d'outils

Comment créer un modèle de contenu avec du contenu dynamique à l'aide de blocs d'outils

Créons un modèle pour le type de publication personnalisé Gyms sur notre site Web.

Tu devras installer les blocs d'outils avant de commencer et assurez-vous de connaître les bases de l'utilisation de l'éditeur Gutenberg.

Il existe deux sources principales à partir desquelles vous pouvez tirer du contenu dynamique à l'aide de Toolset Blocks. Vous pouvez soit utiliser une source de la publication actuelle ou d'un champ personnalisé. Ci-dessous, nous passerons en revue les deux options pour montrer quand vous pourriez avoir besoin de les utiliser.

Affichage du contenu dynamique d'une publication actuelle

Se diriger vers Ensemble d'outils > Tableau de bord et cliquez sur le Créer un modèle de contenu à côté du type de publication pour lequel vous souhaitez créer un modèle de contenu.

Créer un modèle de contenu

Nous pouvons maintenant commencer à ajouter nos blocs pour créer notre modèle de contenu. Imaginons que je veuille ajouter une image. Vous sélectionnez d'abord le + option en haut à gauche pour ajouter un bloc.

Jeu d'outils Créer un bloc

Faites défiler vers le bas jusqu'à ce que vous trouviez la liste des blocs de Toolset et ajoutez le Bloc d'images.

Bloc d'image du jeu d'outils

Vous verrez maintenant une question vous demandant si vous souhaitez utiliser des sources dynamiques ou non. Cliquez sur Oui.

Source dynamique de l'image du jeu d'outils

Sélectionnez la source de votre image. Cela détermine le contenu que WordPress affichera en fonction de l'option que vous sélectionnez. Je souhaite afficher les images en vedette de chaque salle de sport dans le bloc, je vais donc sélectionner le Données d'image en vedette option.

Ensemble d'outils Données d'image en vedette

Dans la barre latérale de droite, vous pouvez ajuster davantage votre image si vous souhaitez modifier la source du contenu dynamique ou styliser l'image, par exemple.

Paramètres d'image du jeu d'outils

Affichage de contenu dynamique à partir d'un champ personnalisé

Nous pouvons utiliser le même modèle de contenu qu'auparavant pour créer des blocs avec un contenu dynamique à partir d'un champ personnalisé. Cette fois, j'ajouterai le champ personnalisé pour les évaluations de chaque salle de sport en tant que contenu dynamique.

Dirigez-vous vers la liste des blocs Toolset et ajoutez le Bloc Champ unique.

Bloc de champ unique de l'ensemble d'outils

Dans la barre latérale à droite sous Source de champsélectionnez le Champ personnalisé type de champ.

Sous le Groupes de champs personnalisés menu déroulant choisissez le Gymnases Type de poste. Notez que ce sera le type de publication personnalisé à partir duquel vous souhaitez extraire le champ personnalisé.

Sous le Champ personnalisé liste déroulante sélectionnez le champ personnalisé que vous souhaitez afficher. j'ai sélectionné le Évaluation option.

Publication des champs personnalisés de l'ensemble d'outils

Si vous basculez entre les différentes publications de la salle de sport sur le front-end, vous verrez que chaque publication affiche le prix correct pour cette salle de sport grâce au contenu dynamique. Remarquez que nous n'avons pas du tout eu besoin d'utiliser de codage pour créer notre contenu dynamique.

J'ai ajouté quelques autres blocs avec du contenu dynamique à mon modèle de contenu. Découvrez à quoi il ressemble maintenant sur le front-end.

Exemple de salle de sport Toolset

2. Créer du contenu dynamique avec Total

Un autre moyen tout aussi efficace de créer du contenu dynamique consiste à utiliser le Thème total pour créer des modèles de publication dynamiques intégrés.

Quelles fonctionnalités offre Total ?

Total est l'un des thèmes les plus populaires sur WordPress et contient un certain nombre de fonctionnalités que vous pouvez configurer facilement sans avoir à télécharger plusieurs plugins pour effectuer ces tâches.

  • Importateur de démo facile – Transformez votre site vide en un site Web entièrement fonctionnel rempli de contenu en un clic lorsque vous choisissez d'importer l'une des plus de 40 démos pré-construites de Total.
  • Générateur de pages par glisser-déposer – Total est intégré au célèbre générateur de pages WPBakery pour vous fournir un générateur de glisser-déposer intuitif vous permettant de créer facilement votre site Web.
  • Des centaines d'éléments de création de page – Profitez des centaines d'éléments de création de page de Total pour personnaliser vos pages.
  • Facilement personnalisable – Utilisez les paramètres de personnalisation en direct pour modifier un certain nombre d'éléments sur votre site, notamment les couleurs, les polices, les largeurs et bien plus encore.
  • Convivial pour les développeurs – Total est livré avec un certain nombre de crochets et de filtres intégrés vous permettant de modifier facilement votre thème avec plus de 450 extraits disponibles dans la documentation en ligne.

Et, bien sûr, vous pouvez créer du contenu dynamique avec Total. Ci-dessous, nous allons vous montrer un exemple de ce que vous pouvez réaliser en rendant dynamique un élément de portefeuille simple.

Comment créer un modèle de contenu dynamique avec Total

Se diriger vers Compositeur visuel > Modèles et cliquez Ajouter nouveau. Donnez ensuite un nom à votre modèle.

Mise en page du portefeuille total

Je vais d'abord ajouter le Publier un média élément qui affichera tous les médias que vous ajoutez à vos messages. Pour les portfolios, il peut s'agir de l'image, de la galerie, de la vidéo, etc.

Ensuite, j'inclurai le Publier un contenu module qui affichera tout contenu ajouté aux articles dans l'éditeur.

Total des publications dans les médias

Avec Total, vous pouvez inclure un certain nombre d'éléments de publication dans votre modèle dynamique. Ajoutez un titre de publication, des métadonnées, des éléments connexes, des balises, des liens sociaux, etc. Lorsque vous avez terminé, cliquez Publier.

Nous devons maintenant attribuer le modèle dynamique à notre type de publication personnalisé de portefeuille. Pour ce faire, accédez à WordPress Personnalisateurpuis dirigez-vous vers Portefeuille et sélectionnez le modèle que vous venez de créer sous Modèle dynamique (avancé).

Modèle dynamique total

Vous pouvez maintenant voir vos médias en action. Cliquez sur Enregistrer et publier et votre contenu dynamique devrait être prêt.

Frontend de modèle dynamique total

La création de modèles dynamiques est une option particulièrement intéressante si vous créez des sites Web pour des clients. En les utilisant, vous pouvez créer un modèle une seule fois et l'attribuer instantanément à tous les éléments de votre portefeuille. De plus, si vous devez modifier une mise en page, il vous suffit de modifier le modèle et tous les éléments de votre portefeuille seront également mis à jour.


Racontez-nous votre expérience de création de contenu dynamique ! Vous disposez maintenant de deux méthodes pour créer du contenu dynamique. Vous pouvez soit télécharger Blocs d'outils ou Thème total dès aujourd'hui et commencez à faire passer votre site Web de base à personnalisé.

Avez-vous utilisé l'un ou l'autre de ces outils pour ajouter du contenu dynamique à votre site Web ? Faites-nous savoir comment cela a fonctionné pour vous dans les commentaires ci-dessous!