Comment rendre mon site web professionnel ? C’est une question que de nombreux créateurs de sites Web en herbe se posent 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 véritablement votre site Web de base et d’en faire un site professionnel et personnalisé consiste à ajouter du contenu dynamique. Le contenu dynamique offrira à vos utilisateurs une expérience beaucoup plus enrichissante sur votre site Web.
Qu’est-ce que le contenu dynamique exactement ?
Le contenu dynamique fait référence au 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 le 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 la liste des installations. Par conséquent, lorsque vous cliquez sur chaque salle de sport, vous verrez un contenu différent qui s’y rapporte que vous ne trouverez pas sur les autres pages.
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 comme différentes offres qui changeront en fonction de leur comportement.
- Améliorez vos KPI. Avec le 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 via 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’embaucher 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 allons vous montrer les deux options et exactement comment vous pouvez créer vos sites Web avec les deux.
1. Créez du contenu dynamique avec Toolset Blocks & Gutenberg
Le lancement de Blocs de jeu d’outils offre une nouvelle façon de créer du contenu dynamique sur WordPress à l’aide de 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 des plugins intégrés.
Cela inclut le contenu dynamique que les constructeurs de sites Web peuvent créer avec Gutenberg grâce à Toolset Blocks.
Comment fonctionnent les blocs d’outils ?
Toolset Blocks est un nouveau plugin que vous pouvez utiliser sur deux fronts :
- Créez des fonctionnalités avancées et personnalisées telles que des modèles de contenu, des archives et Vues.
- Prend en charge les sources dynamiques pour les blocs qui rendent vos champs personnalisés et taxonomies 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 gymnases qui garantit que chaque publication de gymnase aura le même design mais un contenu différent grâce au contenu dynamique.
Comment créer un modèle de contenu avec du contenu dynamique à l’aide des blocs de jeu 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 dessiner du contenu dynamique à l’aide des blocs Toolset. 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’un article en cours
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.
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.
Faites défiler jusqu’à ce que vous trouviez la liste des blocs de Toolset et ajoutez le Bloc d’images.
Vous verrez maintenant une question vous demandant si vous souhaitez utiliser les sources dynamiques ou non. Cliquez sur Oui.
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.
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.
Affichage du 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 du 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 de champ unique.
Dans la barre latérale à droite sous Source du champ, sé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é dans la liste déroulante, sélectionnez le champ personnalisé que vous souhaitez afficher. j’ai sélectionné le Évaluation option.
Si vous basculez entre les différents messages du gymnase sur le front-end, vous verrez que chaque message affiche le prix correct pour ce gymnase grâce au contenu dynamique. Remarquez comment nous n’avons pas eu besoin d’utiliser de codage du tout pour créer notre contenu dynamique.
J’ai ajouté quelques autres blocs avec du contenu dynamique à mon modèle de contenu. Découvrez à quoi cela ressemble maintenant sur le front-end.
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 Total propose-t-il ?
Total est l’un des thèmes les plus populaires sur WordPress et est livré avec 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 40+ démos prédéfinies de Total.
- Générateur de pages par glisser-déposer – Total est intégré au célèbre constructeur de pages WPBakery pour vous fournir un constructeur intuitif par glisser-déposer afin que vous puissiez créer votre site Web en toute simplicité.
- Des centaines d’éléments de création de pages – Profitez des centaines d’éléments de création de pages 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.
- Développeur convivial – Total est livré avec un certain nombre de crochets et de filtres intégrés, ce qui vous permet 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, montrons un exemple de ce que vous pouvez réaliser en créant un élément de portefeuille simple dynamique.
Comment créer un modèle de contenu dynamique avec Total
Se diriger vers Compositeur visuel > Modèles et cliquez Ajouter un nouveau. Donnez ensuite un nom à votre modèle.
J’ajouterai d’abord le Publier les médias é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.
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 Personnalisateur, puis dirigez-vous vers Portefeuille et sélectionnez le modèle que vous venez de créer sous Modèle dynamique (Avancé).
Vous pouvez maintenant voir vos médias en action. Cliquez sur Enregistrer et publier et votre contenu dynamique devrait être prêt.
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 vos éléments de portefeuille. Non seulement cela, mais si vous devez modifier une mise en page, il vous suffit de modifier le modèle et tous vos éléments de 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 de jeu d’outils ou Thème total 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!