Comment afficher facilement des modèles sur les sites WordPress en utilisant les shortcodes d'Elementor

Elementor est l'un des constructeurs de pages les plus populaires. Il offre de nombreuses fonctionnalités puissantes, dont l'une d'entre elles est lecode courtL'utilisation des modèles Elementor. Grâce aux shortcodes, vous pouvez facilement intégrer et afficher les modèles Elementor n'importe où sur votre site WordPress.

Cet article explique comment utiliser Elementor Modèle d'affichage des numéros abrégéset d'approfondir la manière de tirer le meilleur parti de l'expérience de l'Union européenne.Les avantages des codes courts pour améliorer la conception et la fonctionnalité de votre site web.

Pourquoi utiliser les shortcodes d'Elementor ?

Les shortcodes Elementor peuvent être utilisés dans un large éventail d'applications pour vous aider à afficher du contenu de manière flexible à différents endroits de votre site web. Voici quelques scénarios d'application courants :

1. Présentation flexible du contenu: Vous trouverez plus d'informations à ce sujet dans le site Web de la Commission européenne.Articles, pages, encadrésWidget,Insérer des modèles Elementor dans les pieds de page, etc.Cela rend le contenu du site web plus dynamique et plus flexible.
2. Une conception cohérenteEn utilisant le mêmeModèle de codeVous pouvez conserver différentes parties de votre site webUn style de conception cohérentpour assurer la cohérence de la marque.
3. Rationalisation du flux de travailL'utilisation de shortcodes peut grandement simplifier votre flux de travail. Il suffit de créer et de concevoir le modèle en un seul endroit, puis de le réutiliser à plusieurs endroits grâce aux shortcodes, ce qui réduit le temps et les efforts consacrés à la duplication des modèles.
4. Mises à jour dynamiquesLorsque vous mettez à jour un modèle Elementor sauvegardé, tout ce qui utilise le shortcode de ce modèle est automatiquement mis à jour, ce qui rend la maintenance du site plus efficace.

Comment afficher les modèles à l'aide du shortcode Elementor ?

Afin de tirer pleinement parti des shortcodes d'Elementor, vous devez d'abord vous assurer que vous avez installé et activé l'application Elementor répondre en chantant Elementor Pro Plugins. Bien que la version gratuite d'Elementor soit également puissante, de nombreuses fonctionnalités avancées, telles que l'utilisation de shortcodes de modèles, nécessitent le support d'Elementor Pro.

Étape 1 : Naviguer vers le modèle sauvegardé

Tout d'abord, connectez-vous à votre tableau de bord WordPress. Dans le menu de gauche, naviguez vers "Modèle" > "Modèles enregistrés".

Ici, vous verrez que vous avez créé et sauvegardé le fichierTous les modèles Elementor. Qu'il s'agisse d'une page, d'un bloc ou d'un widget global, tous ces modèles peuvent être affichés via un shortcode.

Si aucun modèle n'a été créé, vous pouvezConstruire un modèle à partir d'une page.

Étape 2 : Obtenir le shortcode du modèle

existent "Modèles enregistrés" vous verrez un shortcode unique à côté de chaque modèle. Ces codes courts sont les clés utilisées pour intégrer ces modèles sur votre site web.

Si vousn'a pasSi vous voyez le code court, il se peut que les options de l'écran ne soient pas activées. Dans le coin supérieur droit de la page, vous trouverez le bouton "Options d'écran"Veillez à cocher "Code court" Options. De cette façon, vous pouvez voir le shortcode pour chaque modèle dans la liste des modèles.

Étape 3 : Insérer le shortcode n'importe où sur le site web

Maintenant, vous pouvez simplement copier le shortcode du modèle désiré et le coller n'importe où sur votre site WordPress qui supporte les shortcodes. Cela inclutArticles, Pages, Widgetsetc.

Par exemple, si vous souhaitez afficher un modèle spécifique dans un article, il vous suffit de modifier l'article et de coller le shortcode à l'endroit approprié.Rendre automatiquement ce modèleet présenté dans l'article.

Applications avancées des Short Codes Elementor

Au-delà de l'insertion de modèles de base, les shortcodes d'Elementor peuvent avoir des applications plus avancées. Par exemple, vous pouvez les combiner avec d'autres plugins WordPress tels quePartage social, fonctions de commerce électronique et même formulaires personnaliséspour obtenir des fonctionnalités de page plus complexes.

1. Boutons de partage social

Vous pouvez créer un modèle Elementor qui contient des boutons de partage social, puis les intégrer à divers endroits de votre site web à l'aide d'un shortcode. Par exemple, créez un bloc de partage social personnalisé et affichez ce bloc à la fin de chaque article de blog à l'aide d'un shortcode.

2. Accordéon et étiquettes

En utilisant la fonctionÉléments d'accordéon ou de baliseCréez un bloc d'affichage de contenu informatif, puis passez le paramètreLe code court l'incorpore dans leà la page concernée. Par exemple, vous pouvez utiliser cette approche sur une page de foire aux questions (FAQ) pour afficher un contenu dynamique.

3. Livres électroniques et catalogues

Si votre site web propose des téléchargements de livres électroniques ou des catalogues, vous pouvez concevoir un bloc de téléchargement avec Elementor et utiliser le shortcode pour l'afficher sur une page ou un article spécifique. De cette façon, vous pouvez rapidement ajouter la même fonctionnalité de téléchargement sur différentes pages sans avoir à dupliquer le design.

Extension : Utilisation du Global Widget d'Elementor et de WDesignKit

En plus des shortcodes de modèles, Elementor fournit également les éléments suivants Widget globalFonctionnalité : Global Widget vous permet de créer des widgets une seule fois et de les réutiliser sur plusieurs pages ; ils peuvent être mis à jour en un seul endroit et synchronisés automatiquement sur tous les sites où ils sont utilisés.

Utiliser le widget global d'Elementor

1. Créer des widgets globauxConception d'un widget (tel qu'un bouton ou un formulaire) dans Elementor, puis enregistrement du widget en tant que widget global.
2. Utilisation dans différentes pagesVous pouvez utiliser ce widget global dans différentes pages en le sélectionnant directement dans la bibliothèque de widgets.
3. Une seule mise à jour, une synchronisation globaleSi vous devez modifier le widget, il vous suffit de le mettre à jour en un seul endroit et toutes les pages utilisant le widget seront automatiquement mises à jour de manière synchronisée.

Modèles Elementor prêts à l'emploi de WDesignKit

Si vous ne voulez pas passer du temps à concevoir à partir de zéro, ou si vous n'êtes pas encore familiarisé avec Elementor, vous pouvez envisager d'utiliser les modèles prêts à l'emploi fournis par WDesignKit. Ces modèles ont été soigneusement conçus pour fonctionner avec un large éventail de types de sites web et peuvent être intégrés directement dans votre site web à l'aide de shortcodes.

résumés

Les shortcodes d'Elementor sont un outil puissant et flexible qui vous permet d'afficher facilement des modèles préconçus à différents endroits de votre site web WordPress. En outre, l'utilisation de shortcodes peut améliorer considérablement l'efficacité de la construction de votre site web, en garantissant la cohérence du contenu et de la conception.

Que vous souhaitiez afficher des catalogues, des livres électroniques, des boutons de partage social ou un contenu dynamique plus complexe, les shortcodes d'Elementor peuvent répondre à vos besoins. Si vous souhaitez améliorer davantage le design et la fonctionnalité de votre site web, l'utilisation d'une combinaison de modèles fournis par Global Widget et WDesignKit sera encore plus pratique pour vous.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.