Introduction au plugin Essential Addons pour Elementor :
Tout d’abord, allons sur le site officiel de ce plug-in pour y jeter un œil. Ce plug-in existe depuis longtemps. Elle a développé de manière indépendante plus de 90 modules distinctifs basés sur Raymond.
Donc si nous installons ce plug-in, si votre page utilise le générateur d'éléments, vous pourrez ajouter plus de 90 modules de styles différents. Ce plug-in a une version gratuite, et nous vous donnons maintenant ce que vous démontrez comme sa version PRO, qui contient également quelques instructions ci-dessous. Par exemple, si vous utilisez la version gratuite, vous ne pourrez peut-être utiliser que certains modules de base. Ce n'est que si vous installez la version PRO que vous pourrez utiliser tous ses modules.
Il fournit également des modèles, qui sont des modules régionaux combinés entre eux via leurs propres composants.
En fait, peu importe que nous l’utilisions ou non. Le plus important est qu’il comporte plus de 90 modules. Jetons un coup d'œil au contenu de ses modules. Bien entendu, il comprend sa version gratuite et sa version PRO. Nous voyons qu'il existe des boutons de recherche avancée personnalisés, des boutons de menu, des appels de produits et de nombreux modules.
Ici, nous pouvons voir qu'il comporte également des modules supplémentaires, tels que des listes de prix, des appels à l'action et des menus de prix. Vous trouverez ci-dessous quelques modules d'effets spéciaux.
Ci-dessous, nous allons vous montrer comment installer et utiliser le plug-in.
Modules complémentaires essentiels pour l'installation du plugin Elementor :
Tout d'abord, nous entrons dans notre backend, trouvons le plug-in pour installer le plug-in, puis sélectionnons le plug-in que nous avons préparé. Ici, nous installons la version actuelle la plus élevée de la version PRO car après avoir installé la version PRO, elle installera automatiquement une version gratuite, nous cliquons donc pour installer.
Une fois l'installation réussie, nous activons ce plug-in, le même que l'élément que nous avons démontré précédemment. Il étend simplement certains modules basés sur elementor, donc tant que vous pouvez utiliser elementor, le module étendu ajoute quelques fonctions supplémentaires.
Une fois l'installation réussie, nous pouvons voir que nous installons réellement la version PRO, mais cela doit dépendre de la version gratuite. Ces deux plug-ins doivent être votre site et l'élément installé. Cette version PRO n'a pas besoin d'être installée ; il doit avoir un élément libre et ensuite se développer sur cette base.
Ensuite, nous le rafraîchissons. Maintenant, il y a un bouton Essentiel dans notre bouton de fonction. Ensuite, nous cliquons pour ouvrir ce bouton.
Paramètres du plugin Essential Addons for Elementor :
Son paramétrage est en réalité très simple car il est principalement utilisé dans notre constructeur de pages. Nous allons donc examiner ses paramètres.
Tout d'abord, ce plug-in a été activé et est une version GPL, nous pouvons donc utiliser directement les modèles suivants qui sont étendus par le plug-in. Ensuite, vous pouvez également l'utiliser, mais pour ce modèle, vous devez créer un lien vers son compte officiel avant de pouvoir télécharger le modèle ci-dessus. Si vous utilisez GPL et que vous n'avez pas acheté ce plug-in, vous ne pourrez pas utiliser ce modèle, vous n'avez donc pas besoin de l'installer.
Ensuite, le second est constitué de certains de ses modules. Il comporte de nombreux modules, dont certains modules de contrôle physiques, et il est intégré à d'autres plug-ins. Par exemple, un plug-in de base de connaissances dont nous avons parlé plus tôt est également possible. Ensuite, il existe des modules de partage sur les réseaux sociaux, des modules de formulaires, des modules de marketing, des opérations de marché, telles que des appels à l'action, et une liste de prix. Vous pouvez personnaliser les modules ici en fonction de vos propres besoins. Tous les modules doivent être activés et chaque module est unique.
Le premier est sa documentation d'utilisation et le second est son cas de démonstration.
Par exemple, nous voyons qu'il y a ici une boîte d'informations, qui est une boîte de menu. On peut directement cliquer sur sa démo.
Après être entré, nous pouvons voir à quoi ressemble la boîte et sur quoi elle peut être configurée. C'est sa boîte. Au-dessus se trouve une petite icône, un titre, puis le contenu. Bien entendu, vous pouvez également y ajouter un lien. Il existe d'autres styles, notamment le style aligné à gauche, et les autres modules sont identiques. Vous pouvez d'abord vérifier si vous souhaitez utiliser ce module ou lequel vous utilisez puis activer lequel.
Ici, nous allons tout activer en premier. Bien sûr, nous ne devrions pas l'utiliser de cette façon lors de l'utilisation réelle car il y a certains modules que vous n'utilisez pas. Cela occupe également la capacité de votre code, ce qui ralentira votre vitesse. Nous allons donc ici simplement vous le démontrer. Cliquez ensuite sur Enregistrer. D'accord, une fois l'enregistrement réussi, nous allons ajouter une nouvelle page, ouvrir notre éditeur elementor et utiliser elementor pour modifier.
Modules complémentaires essentiels pour le module plugin Elementor :
Après avoir ouvert l'éditeur, nous masquons d'abord certains modules avec le thème. Ensuite, nous voyons la première mise en page et les modules avec l'élément Basic ou la version gratuite. Et parce que notre site a également installé la version elementor PRO, continuons à regarder les modules inclus dans la version PRO. Ci-dessous, nous pouvons voir notre plug-in d’extension nouvellement installé. Certains des modules ajoutés sont également très nombreux. Nous pouvons les utiliser comme nous le faisions auparavant. Utilisez la méthode elementor, faites glisser et déposez un module et ajoutez notre contenu à l'intérieur.
Quant aux modèles ajoutés ici, nous ne pouvons pas les utiliser pour l'instant car nous ne pouvons pas nous connecter à leurs comptes. Si vous avez acheté la version commerciale, vous pouvez connecter son compte.
C'est l'un de ses modules. Jetons un coup d'œil à ses extensions.
Son extension possède également quelques modules, juste quelques effets dynamiques, nous pouvons donc les ajouter à notre elementor par défaut.
Le prochain est son outil. Cet outil est principalement destiné à certains de nos paramètres de modules. Vous pouvez effacer ses données.
Le suivant est une extension pour son fichier CSS. Nous pouvons utiliser des fichiers externes par défaut ici. Et le dernier est qu’il intègre d’autres plug-ins. Par exemple, vous pouvez installer meilleurs documents, la base de connaissances dont nous avons parlé plus tôt, ou encore certains modules de rappel.
Bien entendu, ces modules sont installés en versions gratuites, donc selon vos propres besoins, si vous n'en avez pas besoin, vous n'avez pas besoin de les installer. Plug-in : Ce sont tous les paramètres du plug-in.
Modules complémentaires essentiels pour l'utilisation du module Elementor :
Ensuite, nous entrons dans notre interface d'édition et essayons de la modifier et d'utiliser les modules qu'elle contient. Par exemple, on retrouve désormais quelques modules à utiliser. Par exemple, nous utilisons infobox, un module d'icônes, et voyons son effet. De la même manière, vous le faites glisser directement sur notre page web, puis il ajoutera automatiquement un module. Ce module contient trois parties : la première est notre icône, la seconde est le titre, la troisième est le contenu et la quatrième est certains de ses styles.
La méthode de mise en place des hyperliens est exactement la même que celle du module que nous avons utilisé elementor auparavant, sauf que ce module comporte quelques personnalisations. Par exemple, quand on voit le premier, il peut ajouter sa photo. Il y a plusieurs moyens de le faire. L'image peut être alignée à gauche ou à droite. Bien entendu, l’image peut également être affichée en haut. En fait, l'infobox dans elementor peut également obtenir cet effet, mais pour l'icône ci-dessous, vous pouvez d'abord la faire ne pas s'afficher. Vous pouvez également utiliser un numéro de série numérique, par exemple, nous pouvons également l'ajouter à la première étape, à la deuxième étape et à la troisième étape. Bien entendu, seuls des chiffres peuvent être ajoutés ici.
Ensuite, pour le troisième, vous pouvez utiliser cette icône de police. Vous pouvez utiliser les icônes de la bibliothèque d'icônes de police ici. Par exemple, nous pouvons trouver une petite icône et la remplacer. Bien entendu, vous pouvez également télécharger cette icône. Une si petite icône de SVG, et vous pouvez ensuite changer la dernière en image, par rapport à l'infobox d'origine d'Elementor. C'est équivalent à notre précédente infobox dans elementor. Par défaut, il en contient deux ; l'un ne peut ajouter que de petites icônes, et le second ne peut ajouter que des images, il les a donc séparés.
Ici, cela équivaut à l’intégrer dans un module, vous pouvez donc utiliser l’écologie originale d’Elementor. Ensuite, le contenu de l'infobox ci-dessous contient son titre. Bien entendu, vous pouvez également définir sa sémantique pour le titre. Par exemple, vous pouvez sélectionner des balises de h1 à h6 ou d'autres balises, puis le contenu suivant propose deux options. Il y a deux manières. La première est que vous pouvez saisir le contenu directement ici.
Le second peut être appelé module, que vous pouvez choisir. Par exemple, si nous appelons notre liste de blogs, ce modèle se trouve dans notre élément. Un modèle dans les modèles est appelé ici le module, vous pouvez donc créer un module dans elementor puis l'appeler au premier plan.
Nous voyons qu'il appelle désormais un module de blog, donc dans des circonstances normales, bien sûr, nous pouvons utiliser directement son contenu.
Le suivant est son bouton. Ici, vous pouvez ajouter un bouton, puis un nom de bouton et un lien hypertexte vers celui-ci. Bien entendu, vous pouvez également ajouter une icône à ce bouton, et l'icône peut être affichée. Le recto ou le verso ainsi que l'espacement entre l'icône et la police peuvent être ajustés.
Ainsi, si vous ajoutez un bouton ou un lien hypertexte, il ne peut cliquer que sur ce bouton. Ensuite, si vous désactivez ce bouton, l'autre sera le module entier. Vous pouvez y ajouter un lien, puis ce module. Tant que vous le survolez, vous pouvez cliquer sur n'importe quelle position pour l'ajouter selon vos besoins. Les styles sont en fait les mêmes qu’avant.
Par exemple, vous pouvez modifier la taille de la police et la taille des icônes. , ainsi que sa couleur de survol de marge, sa police, sa couleur de police, etc., qui incluent la police de notre titre, la police de notre contenu et la police de survol, qui sont toutes exactement les mêmes.
C'est juste qu'il ajoute quelques fonctions supplémentaires aux paramètres avancés de chaque module.
Tout d’abord, ajoutez un lien hypertexte vers l’ensemble du module. L'hyperlien est différent de l'hyperlien du module mentionné précédemment car l'hyperlien de ce module a le poids le plus élevé. Vous pouvez l'ajouter à tous les modules. L'hyperlien précédent est ici, vous pouvez donc ajouter un hyperlien.
Le second peut ajouter une invite. Par exemple, nous l'activons et le sauvegardons. Après avoir enregistré, nous parcourons ce module. Maintenant, on passe la souris sur ce module, et il y en aura d'autres. Il y a une invite dessus. Cette invite est ce que nous venons d’ajouter. Il peut expliquer ce module. Bien entendu, vous pouvez modifier l'invite ici ou modifier son style. Ensuite, incluez un effet dynamique pour l’invite.
Ensuite, la prochaine étape est ce qu’on appelle la protection du contenu. Ouvrons-le et jetons un coup d'oeil. Vous pouvez définir certaines règles pour cela. Par exemple, pour les règles ici, vous pouvez définir un mot de passe pour pouvoir les afficher. Ensuite, lorsque l'utilisateur clique pour entrer, il ne peut être consulté qu'en saisissant un mot de passe.
L'autre est que certains utilisateurs peuvent le voir ; par exemple, seuls les administrateurs peuvent le voir, ou seuls les utilisateurs enregistrés le peuvent. Bien sûr, cela dépend de vos propres besoins. Si vous n'en avez pas besoin, ne vous inquiétez pas.
Ensuite, la suivante est aussi une règle. Ensuite, nous pouvons l'ouvrir pour effectuer un certain contrôle. Par exemple, nous pouvons définir ici les autorisations d'un utilisateur. Ensuite, cet utilisateur ne peut le voir que lorsqu'il est connecté. S'il n'est pas connecté, il ne le verra pas. Donc, selon votre Ensemble, selon vos propres besoins. L’autre est que vous pouvez le rendre visible à certains utilisateurs puis à tout le monde. D'accord, il y en a d'autres ci-dessous. Par exemple, nous pouvons également définir d'autres règles. Par exemple, nous ne pouvons le voir qu’à certaines périodes. S'il dépasse ce délai, nous ne pourrons pas le voir. Dans des circonstances normales, nous le pouvons. Il ne peut pas être utilisé.
Bien entendu, tous ses modules peuvent être configurés ainsi. Par exemple, si nous ajoutons un autre module et lui ajoutons un titre, alors ce titre peut également avoir des effets très intéressants car son contenu est en fait le même que celui que nous venons de recevoir. L'infobox sur Internet est similaire, sauf qu'elle est spécifiquement destinée titres, et vous pouvez également y ajouter du contenu. Jetons ensuite un œil à la version avancée. Il ajoute également ces modules. Il vous suffit de connaître les fonctions de ces modules. C'est ça.
Le premier ajoute un lien hypertexte vers l'ensemble du module. Le deuxième ajoute un rappel, le troisième ajoute une certaine protection du contenu et le quatrième ajoute des règles, dont certaines sont soumises à certaines règles afin que seuls certains utilisateurs puissent les voir et que d'autres ne puissent pas voir les règles ci-dessous. C'est le module que ce plug-in nous ajoute. Vous pouvez essayer d'autres modules. Nous ne les démontrerons pas un par un ici. Il contient de nombreux modules. Grâce à ce module et à notre elementor, si vous ajoutez la version PRO, la plupart des effets ou fonctions de prise de vue de la station indépendante peuvent être réalisés. Il s'agit du plug-in d'extension pour Essential Addons pour l'élément Elementor Pro. Une méthode d'utilisation.
