Elementor est devenu populaire dans le monde entier depuis qu’il a rejoint WordPress World en 2016. Son charme réside dans sa facilité d’utilisation incroyable: il a été à l’origine le premier générateur de page frontale de WordPress et a été perfectionné par la suite. Il srsquoagit maintenant drsquoun outil de création de page assez complet avec beaucoup de grandes innovations. Les plus récents et les plus surprenants sont les modèles drsquoéléments et les suites de modèles drsquoéléments. nrsquoavez pas encore drsquoélément, devriez maintenant prêter attention à lrsquoinstallation du plug in afin que puissiez le suivre. Nous avons rassemblé cet article pour guider sur les modèles drsquoéléments: ce qursquoils sont, comment les trouver et les utiliser, et comment faire des opérations plus avancées, comme créer vos propres modèles. Ne inquiétez pas, ce nrsquoest ni terrible ni difficile. En fait, quand les essayez, pouvez trouver qursquoils sont intéressants. Alors, plongeons!
Quels sont les modèles drsquoéléments et pourquoi les utiliser? Quels sujets sont compatibles avec le modèle drsquoélément? Où puis je trouver le modèle? Modèles drsquoéléments gratuits et avancés Éléments à vérifier avant drsquoajouter des modèles comment ajouter des modèles à partir de la Bibliothèque comment ajouter des modèles à partir de votre ordinateur créer des modèles exporter des modèles les modèles drsquoéléments peuvent ils être utilisés avec mon sujet? Suite de modèles drsquoéléments Quels sont les modèles drsquoéléments et pourquoi les utiliser?
Nous pouvons considérer le modèle elementor comme un complément au thème WordPress. Ils peuvent aider à créer des pages rapidement et facilement. Fondamentalement, le modèle drsquoélément fournit une structure de page prédéfinie conçue que pouvez simplement insérer et remplir. Il existe une variété de pages dans la Bibliothèque des modèles drsquoéléments: pages drsquoarchives, page drsquoaccueil, contacts, informations sur nous, etc. Par conséquent, lorsque utilisez un modèle, la seule chose à faire est de choisir un design que , de lrsquoimporter et de le remplacer par votre texte et vos images pour obtenir une page de haute qualité en flash.
Les modèles aident à simplifier le processus de création drsquoun site Web. Cependant, ils nrsquoaffectent rien en dehors de la page, ce qui signifie que des zones telles que lrsquoen tête et le pied de page resteront inchangées, tout comme drsquoautres zones Widget sur le site. En fait, comme toujours, elles suivront les paramètres globaux du thème. Crsquoest pourquoi nous avons déjà dit que les modèles drsquoéléments sont ajoutés au thème: ils ne remplacent pas le thème, avez besoin drsquoun thème pour les utiliser. Cependant, si utilisez un thème drsquoélément avancé, nrsquoavez peut être pas besoin drsquoun modèle drsquoélément. Lrsquoidée derrière les thèmes avancés est que les achetez simplement pour ne pas avoir à faire trop de travail et que inclurez la mise en page dans votre présentation. Tous les éléments requis pour le site seront regroupés par sujet. Cependant, si voulez vraiment utiliser des modèles drsquoéléments, cela ne empêche pas tout sujet compatible avec les éléments permet de les ajouter.
Quels sujets sont compatibles avec les modèles drsquoéléments comme nous lrsquoavons créé, les modèles ne remplacent pas les sujets. Quels sujets Pouvez utiliser? En fait, tout sujet compatible avec lrsquoélément ou tout sujet créé avec le plug in de lrsquoélément peut fonctionner. En fait, il y a de grands thèmes drsquoéléments gratuits que pouvez essayer de donner une idée des possibilités. Et il nrsquoy a pas de limite à cette liste Elementor a plus de 4 millions drsquoinstallations actives, ce qui signifie que des milliers de sujets sont compatibles avec elle. Les modèles ici peuvent aider à construire votre site, mais avez encore besoin drsquoune structure thématique pour faire tout le travail. Les modèles évitent de créer chaque partie de chaque page individuellement ou drsquoessayer drsquoassurer un style fiable dans lrsquoensemble du site. Pour rendre le processus plus rapide et plus cohérent
Li est conçu pour srsquoadapter à différentes catégories de pages dans des niches prédéterminées (par exemple, restaurants, agences numériques, architectes). Par conséquent, nrsquoavez pas à faire correspondre les couleurs ou à organiser les éléments et les marges de sorte qursquoils soient les mêmes partout.
Le point le plus important du modèle elementor est que devez choisir un bon thème WordPress car il sera la base de la construction de votre site. Vous devriez essayer de sélectionner un thème dont les éléments utilisés au niveau du thème et dans le thème ont toutes leurs zones de Widget stylisées. Il y a beaucoup de choix parce que lrsquoélément crée de nombreux sujets et est même plus compatible avec lrsquoélément. Par conséquent, si décidez de concevoir votre site de cette façon, il est important de trouver un sujet dont la conception correspond au modèle. De cette façon, pouvez les combiner sans beaucoup de changements. Lrsquoéquipe derrière le plug in elementor a également créé une bonne base pour lrsquoutilisation des modèles: le thème Hello. Il est simplifié, léger et totalement gratuit.
Où puis je trouver le modèle?
De plus en plus de nouveaux modèles sont créés quotidiennement par des tiers. L’augmentation et la facilité d’utilisation des produits inhérents à elementor peuvent influer sur la façon dont les gens utiliseront WordPress à l’avenir. Après tout, n’importe quel utilisateur qui n’a aucune connaissance du Code et de l’expérience WordPress peut utiliser ces modèles en faisant glisser et déposer l’éditeur. Actuellement, pouvez trouver le modèle directement dans la Bibliothèque drsquoéléments, ou pouvez lrsquoacheter auprès drsquoun concepteur tiers. Les modèles trouvés dans la Bibliothèque ont été développés par element et peuvent être ajoutés à la page en accédant aux plug ins de la bibliothèque. Drsquoautre part, les modèles de concepteurs tiers peuvent être achetés directement auprès des auteurs ou sur le marché en ligne. Dans ce cas, quoi?
Get est un fichier. Json ou Pack. Importer le zip du site WordPress à partir de votre ordinateur en utilisant le plug in elementor. Après lrsquoimportation, pourrez ajouter ces modèles à nrsquoimporte quelle page du site.
Tout comme avez des thèmes gratuits et avancés, avez aussi des modèles drsquoéléments gratuits et avancés. Les modèles gratuits se composent principalement drsquoéléments gratuits que pouvez encore obtenir en utilisant le plug in element. Ces éléments sont les mêmes que ceux auxquels pouvez accéder lorsque les utilisez comme constructeur de page, mais ils ont été programmés, stylisés et emballés dans le cadre drsquoun modèle pour former un tout. Il existe deux modèles avancés. Lrsquoun est le type que obtenez dans lrsquoabonnement elementor pro, où les modèles sont créés par elementor et réservés aux utilisateurs de plug ins payants. Un autre type, produit par un développeur tiers et acheté séparément, peut comprendre des articles exclusifs, des options supplémentaires, divers styles de mise en page, etc.
Ce que voulez vérifier avant drsquoajouter un modèle maintenant, avant de tenter drsquoajouter un modèle, devriez drsquoabord vérifier les paramètres de la page sur laquelle voulez insérer le modèle. Cela dépend du sujet que utilisez et de ses paramètres. Les modèles drsquoéléments sont conçus en grande partie pour occuper toute la largeur de la page. Cela ne signifie pas nécessairement qursquoils ne permettent pas la mise en page encadrée ou lrsquoajout de barres latérales les modèles prendront tout lrsquoespace de page que fournissez. Par conséquent, si votre sujet et la page élargie contiennent des barres latérales, le modèle drsquoélément ne prendra que le reste de lrsquoespace disponible sur la page.
Cependant, nous recommandons de vérifier si le modèle est adapté au delà de son état idéal en regardant les différents écrans. nrsquoavez pas
Différentes tailles drsquoécran, ne inquiétez pas, il y a un moyen facile de vérifier la réactivité. Tous les modèles elementor sont conçus pour être réactifs, donc sur les écrans plus petits plus grands, tout devrait avoir lrsquoair bien. Cependant, si remarquez que la mise en page du modèle est confuse en raison de changements, nous recommandons de faire une exception pour rendre la page pleine largeur ou de sélectionner un modèle en dehors de la bibliothèque.
En ce qui concerne la façon de définir une page spécifique à pleine largeur sans affecter les paramètres globaux, il y a un moyen rapide de le faire à partir de lrsquoavant de lrsquoélément. Aller aux paramètres:
Sélectionnez ensuite la largeur complète de lrsquoélément dans le menu déroulant mise en page.
Comment ajouter des modèles à partir drsquoune bibliothèque nous apprendrons ici comment ajouter des modèles drsquoéléments à partir drsquoune collection dans une bibliothèque de modèles. Ces modèles sont produits exclusivement par lrsquoéquipe elementor ou en collaboration avec drsquoautres développeurs, de sorte qursquoils restent la propriété drsquoelementor.
Il est facile de placer un modèle sur une page. Il y a deux façons de le faire: cliquez sur lrsquoicône du dossier dans lrsquoespace blanc de la page (ajouter une option de modèle)
Ou appuyez sur Ctrl + shift + L (Windows) ou CMD + shift + L (MAC) pour ouvrir la Bibliothèque drsquoéléments. Vous recevrez une fenêtre contextuelle dans laquelle pouvez sélectionner des blocs, des modèles ou parcourir la collection de modèles.
Les modèles de page de lrsquoélément se trouvent dans lrsquoonglet page, où pouvez trouver des modèles gratuits et avancés. souhaitez utiliser le modèle pro, devez abonner à elementor pro, une version avancée du plug in. Ensuite, parcourez les sélections de la page pour voir tous les modèles disponibles (ou recherchez ce que voulez en tapant un mot clé dans la barre de recherche). Une fois que avez trouvé ce que , p
LrsquoACE suivant est inséré.
Vous devez avoir un compte drsquoélément actif avant drsquoappliquer le modèle que avez sélectionné à la page. Donc, si ne lrsquoavez jamais créé auparavant, crsquoest le moment. Lrsquoinscription se fait par e mail et pouvez le modèle gratuitement en envoyant et en confirmant votre adresse e mail. Crsquoest le début du plaisir!
Les pages par défaut que pouvez déjà accéder par lrsquointermédiaire de votre compte gratuit incluent la page drsquoaccueil et les options de connexion, ainsi que les modèles de page interne. Par conséquent, pouvez construire le site rapidement et facilement sans affecter la cohésion du style ou perturber la Banque. Il est important de souligner que toutes les images utilisées dans le modèle proviennent de sources CC0 gratuites, de sorte que pouvez les utiliser sans restriction. De plus, tous les modèles et blocs de la bibliothèque sont mobiles et répondent, de sorte que leur utilisation garantira que votre site conserve une bonne apparence même sur les petits appareils. Une fois le modèle ajouté, êtes évidemment libre de le modifier. Vous pouvez facilement modifier nrsquoimporte quel modèle de votre choix ils sont conçus pour aider, pas pour limiter. , mais que voulez vraiment éditer ceci ou cela, pouvez! Après lrsquoimportation, le modèle se comporte comme une page normale que créez dans lrsquoélément, ce qui signifie que pouvez facilement modifier des Parties et ajouter supprimer des éléments. Mieux encore, la construction des modèles est légère, de sorte que les pages sont chargées très rapidement, ce qui est lrsquoune des recommandations importantes pour améliorer le référencement. Le monde, ou plus précisément votre site, est votre huître! De plus, il nrsquoest pas exclu que puissiez combiner deux modèles différents. Bien qursquoil soit peu probable que deviez le faire, crsquoest une excellente façon de combiner des Parties et des arrangements de différents modèles de produits que . Par exemple, si préférez voir une image dans un modèle et une ligne drsquoicônes dans un autre modèle
Vous pouvez les combiner et les faire correspondre. Il suffit drsquoimporter un modèle après lrsquoautre et de Réarranger les sections à lrsquoaide des outils de navigation de lrsquoélément, ou de supprimer les éléments indésirables. À partir de maintenant, il nrsquoaura qursquoà travailler avec elementor. Ajoutez votre contenu et commencez! Comment ajouter des modèles de votre ordinateur maintenant, nous allons apprendre à insérer des modèles externes. Ce sont des modèles tiers créés avec element que pouvez importer en utilisant le plug in et sa bibliothèque. Vous nrsquoavez besoin que drsquoun seul fichier modèle formaté. Fermeture éclair ou. Json. Comme ces modèles sont créés par des développeurs tiers, ils ne sont pas directement extraits de la bibliothèque. Au lieu de cela, pouvez acheter directement auprès d’un développeur ou par l’intermédiaire d’un intermédiaire en tant que marché en ligne et recevoir des fichiers qui peuvent être sauvegardés sur votre ordinateur et ensuite ajoutés au site WordPress. Il existe déjà de nombreux modèles tiers sur le marché et ce nombre pourrait augmenter en raison de la popularité généralisée des plug ins elementor. Vous pouvez maintenant insérer un modèle de deux façons: la première consiste à le gérer en allant à la page où se trouve le modèle. Puis ouvrez la Bibliothèque des éléments:
En plus de lrsquoonglet page, devriez aller à mes modèles:
Comme nous lrsquoavons utilisé comme première étape du processus, notre bibliothèque est vide. Une fois le premier modèle importé, pouvez le voir ici et y accéder à partir de maintenant. À partir de là, devez cliquer sur lrsquoicône (importer un modèle) pointant vers le Haut de la flèche:
La fenêtre de téléchargement srsquoouvre:
Trouvez les modèles que voulez et ajoutez les à votre bibliothèque (ne inquiétez pas, il srsquoagit drsquoune zone privée de la Bibliothèque aucun autre utilisateur drsquoélément nrsquoy a accès). Vous avez maintenant un modèle que pouvez extraire et appliquer à nrsquoimporte quelle page de votre site à tout moment. Il est stocké dans la bibliothèque et pouvez le voir (et tout autre modèle)
Ou importer) après avoir ouvert lrsquoonglet mon modèle:
La deuxième façon d’importer des modèles est de gérer les tableaux de bord et les options de modèles via WordPress:
Sous modèles enregistrés, pouvez voir tous les modèles enregistrés et stockés dans le dépôt (modèles gt modèles enregistrés). Cependant, pour insérer un nouveau modèle à partir du tableau de bord, devez aller au modèle gt Ajouter un nouveau modèle. La principale différence entre lrsquoajout drsquoun modèle à partir drsquoune page et drsquoun tableau de bord est que devez nommer le modèle et sélectionner immédiatement son type (page ou section):
Une fois cela fait, une nouvelle page srsquoouvre, puis pouvez et insérer des modèles en utilisant la bibliothèque. Cela peut sembler lrsquoinverse, mais la deuxième approche est une version plus compacte parce qursquoelle évite drsquoaller au tableau de bord pour créer une page, puis de retourner à la page ouverte, ouvrir lrsquoélément, et ainsi de suite. Créer votre propre modèle est une option très intéressante que lrsquoélément offre à tous les utilisateurs. Vous permet drsquoenregistrer un modèle pour lrsquoensemble de la page ou une seule section. Vous demandez peut être pourquoi avez sauvegardé le bloc de construction de section lorsque toute la page est prête. Comme les pages, des blocs prédéfinis sont formés pour accélérer et faciliter la création de pages. Drsquoautre part, les blocs sont plus faciles à insérer ou à intégrer nrsquoimporte où sur le site et nécessitent moins de coordination de style que la page entière. Par conséquent, selon vos préférences et vos méthodes de travail, il y a plus drsquooptions pour aider à créer un site Web. Enregistrer un modèle de page lorsqursquoil y a tant de modèles prêts à lemploi dans la bibliothèque, il y a plusieurs raisons pour lesquelles pourriez avoir besoin drsquoenregistrer un modèle de page. Par exemple, si le modèle drsquoélément, mais que lrsquoavez personnalisé avant de lrsquoutiliser. So p
Vous pouvez enregistrer les résultats en tant que nouveau modèle et lrsquoutiliser sur toutes les autres pages ou sites Web. Ou, si créez une page à partir de zéro et que êtes satisfait du résultat et que voulez lrsquoutiliser ailleurs. nécessaire, pouvez également copier des pages sur le même site. Quoi qursquoil en soit, elementor permettra de sauvegarder votre création pour une utilisation future. Vous pouvez facilement sauvegarder la page, et il y a deux façons de le faire. Tout drsquoabord, ouvrez les options drsquoenregistrement (en mode édition de lrsquoélément) et sélectionnez Enregistrer sous forme de modèle. Vous devez le faire à partir de la page que souhaitez conserver:
Tout ce que avez à faire est de nommer le modèle.
Regarde! Votre conception de page a été sauvegardée dans la bibliothèque. Ne inquiétez pas: tout ce que conservez nrsquoest visible que pour . La deuxième façon drsquoenregistrer une page en tant que modèle est par la bibliothèque. Cliquez sur lrsquoicône ajouter un modèle:
Lorsque la Bibliothèque apparaît, cliquez sur lrsquoicône enregistrer et nommez le modèle pour compléter:
Enregistrer un modèle de section il est parfois plus facile drsquoenregistrer un modèle de section que drsquoenregistrer une page. Par exemple, si fournissez un service et que voulez assurer que votre plan tarifaire est visible à plusieurs endroits du site, pouvez sauvegarder une section. Vous nrsquoavez pas besoin de faire la même chose encore et encore pour différentes pages. Ainsi, si avez créé une liste de prix et façonné chacune des trois colonnes (ou plus), pouvez lrsquoajouter ailleurs en quelques clics au lieu de la créer à partir de zéro.
Il suffit maintenant de faire un clic droit sur la section désirée et de sélectionner Enregistrer sous forme de modèle dans le menu déroulant pour enregistrer le modèle de section.
Nrsquooubliez pas de ne pas cliquer sur une seule colonne ou un seul élément dans la section que voulez, mais sur lrsquoensemble de la section non divisée. Une autre fonctionnalité utile fournie par les modèles drsquoéléments du modèle drsquoexportation est p
Possibilité drsquoexporter un modèle vers un ordinateur. Cette option est utile si souhaitez appliquer le même style aux pages de différents sites Web. Ou, si travaillez en équipe, pouvez lrsquoutiliser pour envoyer des modèles pour examen, extension ou tout autre contenu entre les deux. Une chose que devez assurer est que le modèle exporté est ensuite importé sur le site approprié. Crsquoest à dire vérifier à lrsquoavance si le thème du deuxième site est compatible avec lrsquoélément et contient les mêmes fonctionnalités que le site original. Comme pour lrsquoimportation, il existe deux façons drsquoexécuter la fonction drsquoexportation. Le premier vient du tableau de bord de gestion WordPress. Allez aux modèles gt modèles enregistrés et cliquez simplement sur lrsquooption exporter les modèles.
avez finalement sauvegardé plusieurs modèles, pourrez voir leur type (page ou section) dans la liste, mais lrsquoutilisation de noms clairs aidera à les distinguer plus tard. La deuxième façon drsquoexporter un modèle est par la bibliothèque. Allez dans lrsquoonglet mes modèles, localisez le modèle désiré et cliquez sur les trois points à droite. Le menu déroulant avec les options drsquoexportation srsquoouvre:
Le modèle drsquoélément peut il être utilisé avec mon sujet? Nous ne pouvons pas dire que cette fonctionnalité est compatible avec tous les sujets disponibles, mais elle est certainement compatible avec un grand nombre de sujets gratuits et avancés différents. Le plug in dispose actuellement de plus de 4 millions drsquoinstallations actives, ce qui démontre pleinement lrsquoadaptabilité de lrsquoélément. De toute évidence, la collaboration avec elementor nrsquoest pas strictement limitée aux sujets compatibles avec elementor. avez déjà acheté un sujet, pouvez consulter la documentation du sujet, poser des questions avant la vente ou contacter lrsquoéquipe de soutien avant lrsquoachat. En général, lrsquoajout drsquoun modèle à un sujet existant nrsquoaffecte que la page ou la partie sur laquelle travaillez. Configuration de la Section
Crsquoest un concept très égalitaire. Ils permettront à nrsquoimporte qui de créer facilement un site Web sans avoir à coder les connaissances. Grâce à lrsquoutilisation drsquoun simple éditeur frontal glisser déposer, lrsquoélément est devenu un microcosme de facilité drsquoutilisation et peut maintenant rendre la création de page plus lisse et plus rapide. Il est également très utile pour quiconque tente de créer un site Web avec un budget limité. Vous pouvez combiner des thèmes gratuits avec des modèles drsquoéléments (ainsi que des plug ins drsquoéléments bizarres ou des ajouts à toute autre fonctionnalité dont avez besoin) pour créer un site Web fantastique. Alternativement, toute personne qui crée souvent un site Web peut utiliser le modèle et ses exportations importations pour créer une mise en page personnalisée drsquoun projet à utiliser entre les lignes. Nous espérons que cet article sera utile. préférez, nrsquohésitez pas à lire certains de ces articles! Ben Pines: les 5 meilleurs thèmes WordPress de l’alliance Marketing Bridges pour les communicateurs WordPress et les responsables de contenu elementor: fonctionnalités, design, plugins, etc.
Introduction au modèle d&rsquoélément
