Vous recherchez un moyen de créer des sites Web dynamiques en utilisant WordPress sans avoir besoin de personnalisation de code? WordPress peut facilement ajouter du contenu personnalisé à un site en arrière plan. Cependant, si souhaitez afficher cette information dans un modèle normalisé à lrsquoavant, devrez souvent modifier directement le fichier modèle du sujet, ce qui nrsquoest pas possible si nrsquoêtes pas un développeur. Heureusement, il existe des plugins WordPress qui éliminent complètement le Code et permettent de créer des sites WordPress dynamiques, quel que soit le niveau de connaissance technique que possédez.
Lrsquoune des meilleures combinaisons est toolset et elementor pro, que nous allons mettre en évidence dans cet article. Vous apprendrez à utiliser elementor et toolset pour créer des sites Web dynamiques sans Code: aucun code nrsquoest nécessaire. Ci dessous, pouvez voir deux exemples de messages différents qui utilisent le même modèle drsquoélément, mais extraire des informations dynamiques de lrsquoensemble drsquooutils afin que le contenu de chaque message soit unique:
Bien que nous ayons choisi un exemple spécifique pour ce tutoriel (le répertoire des entraîneurs de tennis), pouvez appliquer les concepts de ce guide à n’importe quel type de site WordPress dynamique.
souhaitez créer un site WordPress dynamique sans Code, toolset et elementor pro sont une combinaison parfaite. En termes simples, toolset gère toutes les configurations de lrsquoarrière plan du site, puis elementor pro gère toutes les configurations de lrsquoavant plan.
Obtenez elementor pro maintenant et commencez à utiliser le premier constructeur de site WordPress au monde! Obtenez elementor pro à lrsquoaide drsquoun ensemble drsquooutils, pouvez créer des types de messages personnalisés et des champs personnalisés pour faciliter lrsquoinsertion et le stockage d dynamiques sur le site à lrsquoarrière plan.
Par conséquent, la fonctionnalité de marquage dynamique drsquoelementor pro permet drsquoobtenir toutes les données personnalisées et de créer des modèles Utiliz
Zando crée un éditeur visuel en faisant glisser la sélection de lrsquoélément. Au lieu drsquoutiliser elementor pour créer une conception statique, pouvez dire à elementor drsquoextraire dynamiquement des informations des champs personnalisés ajoutés en utilisant un ensemble drsquooutils.
De préférence, aucun de ces outils nrsquoexige de connaissance du Code ou du codage, de sorte que nrsquoimporte qui peut le configurer. êtes encore un peu confus, ne inquiétez pas: dans ce tutoriel, je vais détailler comment cette paire fonctionne.
Elementor pro et toolset sont des plug ins avancés, mais nous avons plusieurs pages pour aider à économiser de lrsquoargent sur les produits: elementor pro discount toolset discount
Nous avons travaillé avec lrsquoéquipe derrière toolset pour offrir une réduction exclusive de 20%. Obtenez une réduction de 20% sur les Jeux d’outils comment créer des sites WordPress dynamiques en utilisant des Jeux d’outils et des éléments maintenant, passons à un guide étape par étape sur la façon de configurer des sites dynamiques. Les stratégies de cette section srsquoappliquent pratiquement à tout type de contenu dynamique, mais pour plus de clarté, nous nous concentrerons sur un exemple particulier.
Supposons que vouliez créer un répertoire local drsquoentraîneurs de tennis dans votre région. Pour chaque entraîneur de tennis, souhaitez voir des informations spécifiques, comme un entraîneur de tennis Nom photo biographie expérience numéro de téléphone adresse électronique site personnel lieu de formation taux horaire pour visualiser cette information dans un format standard, pourrez créer un modèle qui insère dynamiquement les détails de chaque entraîneur. Pour commencer, assurez drsquoavoir installé et activé les plug ins suivants: elementor Free elementor pro Pay toolset type Pay Letrsquos check
1. La première étape de la création drsquoun type de message personnalisé (facultatif) est facultative, mais elle est importante pour de nombreux sites Web dynamiques. Vous devez sélectionner un emplacement avant de commencer à ajouter du contenu
Et archive le contenu. Une option est d’utiliser le système de publication par défaut et les pages créées avec wordpress. Par exemple, pouvez ajouter chaque entraîneur de tennis à un nouveau poste. Cependant, si voulez aussi avoir un blog, cela peut être déroutant parce que pouvez mélanger des billets de blog normaux avec la liste des entraîneurs de tennis. Pour résoudre ce problème, pouvez créer des types de messages personnalisés uniquement pour les entraîneurs de tennis (ou tout ce que voulez stocker). Les types de messages personnalisés fonctionnent exactement de la même façon que les messages et les pages, mais différemment des types de contenu par défaut.
Par exemple, si avez créé un type de message personnalisé pour un entraîneur de tennis, allez à entraîneur de tennis → ajouter un nouveau pour ajouter un nouvel entraîneur, pas un message → ajouter un nouveau. Ainsi, bien que puissiez utiliser uniquement les messages et les pages par défaut, je pense que la plupart des sites WordPress dynamiques sont mieux placés pour créer un type de message personnalisé distinct. créez un type de poste personnalisé, le type de contenu le rend très simple. Allez au contenu → type de colonne → ajouter nouveau. Ensuite, entrez quatre informations de base en haut. Vous pouvez parcourir drsquoautres paramètres, mais nrsquoavez qursquoà entrer quatre détails en haut:
Après avoir sauvegardé le type de message personnalisé, verrez une nouvelle option dans la barre latérale Administration:
Crsquoest tout! Maintenant, toutes vos listes drsquoentraîneurs de tennis seront séparées de vos billets de blog. 2. Créez vos propres champs personnalisés en utilisant toolset. Ensuite, devez créer vos propres champs personnalisés en utilisant toolset. Ce sont de nouveaux champs drsquoentrée dans lrsquoéditeur drsquoarrière plan qui peuvent être utilisés pour recueillir le nom, les coordonnées, etc. de chaque entraîneur. Pourquoi créer des champs personnalisés au lieu de simplement
Éditeur WordPress? Cela permet non seulement de normaliser plus facilement lrsquoentrée à lrsquoarrière plan, mais aussi de stocker cette information dans des champs personnalisés, permettant de créer des modèles dynamiques en utilisant elementor.
Vous nrsquoavez qursquoà entrer les détails dans le champ personnalisé et lrsquoélément les introduit automatiquement dans la conception frontale de chaque coach. Pour créer un nouvel ensemble de champs personnalisés, allez dans le contenu → champs personnalisés → ajouter de nouveaux champs. Dans la fenêtre contextuelle, sélectionnez publier les champs:
Saisissez ensuite le nom de ce groupe de champs et sélectionnez enregistrer le Groupe de champs:
Ensuite, utilisez le paramètre Display in pour contrôler où voulez afficher ces champs dans lrsquoéditeur. Dans cet exemple, choisissez un entraîneur de tennis de type post parce que ne voulez voir ces cours que lorsque ajoutez un nouvel entraîneur de tennis:
Ensuite, utilisez le bouton Ajouter un nouveau champ pour ajouter un champ personnalisé pour chaque information que souhaitez recueillir. Pour chaque champ personnalisé, assurez que le bon type drsquoentrée est sélectionné. Par exemple, si créez un champ pour le numéro de téléphone du coach, sélectionnez le type de champ téléphonique:
Vous pourrez ensuite configurer quelques détails de base pour ce champ:
Répétez cette procédure pour ajouter des champs à chaque message. Enfin, peut être:
Je n’ai pas créé de champs personnalisés pour la biographie des entraîneurs car nous pouvons simplement utiliser l’éditeur WordPress normal. Une fois terminé, assurez drsquoenregistrer le Groupe de champs. Après avoir ajouté vos propres champs personnalisés, il est recommandé drsquoajouter du contenu pour chaque coach. Pour cet exemple, allez à TENNIS TRAINER → ajoutez un nouveau contenu et saisissez les informations dans les champs personnalisés:
Répétez ce processus pour ajouter plus, par exemple, pour chaque entraîneur de tennis ici
Par exemple, le nom du coach. Ensuite, cliquez sur lrsquooption de marquage dynamique dans les paramètres du Widget et sélectionnez le champ toolset dans le menu déroulant:
Ensuite, cliquez sur lrsquoicône de la clé et utilisez le menu déroulant de la clé pour sélectionner un champ personnalisé spécifique, comme le nom du Coach:
Lrsquoélément remplit maintenant dynamiquement le Widget avec les informations du champ personnalisé au lieu du texte du substituant. Répétez cette procédure pour ajouter plus d. Une caractéristique utile ici est que pouvez également ajouter du texte avant ou après des informations dynamiques. Par exemple, lorsque ajoutez un numéro de téléphone, pouvez ajouter un « téléphone » avant lrsquoinformation dynamique:
En plus de visualiser lrsquoinformation dynamique directement à lrsquoavant, pouvez utiliser lrsquoinformation dynamique de différentes façons. Par exemple, pour ajouter une image de profil Coach, devriez modifier le Widget image. Ensuite, sélectionnez les balises dynamiques comme source drsquoimage et sélectionnez les champs personnalisés pour lrsquoimage de profil créée à lrsquoaide du contenu:
Lrsquoélément remplit ensuite dynamiquement le Widget avec cette image:
Vous pouvez également insérer dynamiquement des liens. Par exemple, pour que le Widget bouton se connecte automatiquement au site Web de chaque entraîneur, pouvez remplir dynamiquement ses liens en utilisant les champs personnalisés du site:
Enfin, souviendrez peut être que nous avons ajouté la biographie du coach en utilisant l’éditeur WordPress régulier. Vous nrsquoavez pas besoin de balises dynamiques pour afficher le contenu. Au lieu de cela, il suffit drsquoajouter un widget de contenu de post où voulez qursquoil apparaisse. Crsquoest fini! Vous venez de créer votre propre modèle dynamique:
Pour tester la fonctionnalité dynamique, pouvez prévisualiser différents contenus (par exemple, différents entraîneurs). Le mode doit rester exactement le même, mais le compte entier
Ceci sera mis à jour avec les informations de lrsquoentraîneur:
7. Publier un modèle pour terminer la tâche, cliquez sur le bouton publier pour activer le modèle. Vous pouvez ensuite utiliser des conditions pour contrôler la position drsquoaffichage du modèle. Pour cet exemple, souhaitez voir un modèle pour tous les messages dans un type de message personnalisé drsquoentraîneur de tennis:
Ensuite, cliquez sur Enregistrer et fermer. Commencez dès maintenant à créer des sites Web wordpress dynamiques si voulez utiliser WordPress comme toutes les fonctionnalités du système de gestion de contenu, devez être en mesure d’utiliser le contenu dynamique. Cependant, par défaut, la plupart des utilisateurs de WordPress n’ont pas accès au contenu dynamique, car il faut éditer le Code directement dans le fichier modèle de thème. Avec toolset et elementor pro, pouvez le modifier: pourrez créer des sites dynamiques simples ou avancés sans avoir à voir une seule ligne de code. Maintenant que connaissez ces connaissances, êtes prêt à créer votre premier site WordPress dynamique. Avez encore des questions sur la création de sites WordPress dynamiques sans Code en utilisant toolset et elementor? Veuillez nous le dire dans vos commentaires!
Comment créer un site WordPress avancé avec un contenu dynamique en utilisant elementor et toolset
