Élémentor et Deep Thème WordPress – Guide du débutant
Comment bénéficier d'Elementor avec Deep Thème WordPress ?
Dans cet article, nous allons vous montrer comment créer votre site Web avec Elementor et Deep Thème WordPress, le constructeur de pages WordPress le plus populaire de tous les temps.
La conception, la programmation et le lancement d'un site Web unique impliquaient beaucoup de concessions mutuelles il y a une dizaine d'années.
Les développeurs, les gestionnaires de contenu et les concepteurs n'avaient d'autre choix que de tenir différentes réunions pour discuter de leurs idées et attendre que les changements les plus simples prennent effet.
Avance rapide jusqu'à présent, n'importe qui peut créer son propre site Web sans avoir à être averti en programmation Web et en développement Web.
L'introduction et l'avancement de la CMS WordPress ont tout simplifié et changé la création de sites Web en un tour de main. Cette expérience confortable devient encore plus agréable grâce aux plugins de création de pages publiés pour WordPress.
Aujourd'hui, nous allons avoir un tutoriel du début à la fin de Elementor pour les débutants, il est très facile pour tout le monde de créer n'importe quel site Web.
De plus, nous introduisons l'élément basé sur Elementor Deep Thème WordPress, qui apporte un monde de personnalisations pour les non-codeurs.
Dans le lien ci-dessous, nous avons écrit un article sur la façon de choisir votre thème WordPress, n'hésitez pas à le consulter : Comment choisir un thème WordPress: 14 points d'or
Qu'est-ce qu'Elementor ?
Elementor est un plugin WordPress de premier ordre conçu pour créer toutes les parties d'un site Web à l'aide d'une simple interface glisser-déposer.
Bien qu'Elementor soit à l'origine un outil de création de pages, vous pouvez créer des en-têtes, des pieds de page, différents formats de publications et même une série de widgets utiles à appliquer partout sur un site.
L'éditeur visuel fourni vous permet de créer des pages dynamiques en un clin d'œil et de concrétiser plus facilement vos idées de conception de sites Web.
En d'autres termes, vous avez un contrôle total sur une plate-forme unique qui couvre tous les effets, polices et images dont vous avez besoin pour vos pages.
Elementor est une solution tout-en-un pour les utilisateurs débutants et avancés. Il donne aux utilisateurs moyens la possibilité d'utiliser une large gamme d'éléments préfabriqués qui répondent à la plupart de leurs besoins.
Les développeurs, quant à eux, peuvent tirer parti des attributs personnalisés et également de l'optimisation des scripts pour apporter des modifications en profondeur beaucoup plus efficacement.
Bien qu'Elementor pour les débutants soit le constructeur de pages WordPress le plus rapide du marché, certains sites Web peuvent connaître des performances à faible vitesse pour différentes raisons.
Si vous rencontrez un tel problème, vous pouvez ouvrir le Documentation Elementor pour découvrir les moyens de les réparer immédiatement.
Comment pouvez-vous bénéficier d'Elementor ?
Ce plugin est suffisamment compétent pour créer un site Web entier à partir de zéro ou concevoir des pages de destination pour des produits et services.
Que vous ayez besoin d'un site d'une page ou d'un grand site Web avec plusieurs pages de promotion et de vente, Elementor vous permet de sortir des sentiers battus et de proposer des mises en page fascinantes.
D'un autre point de vue, si vous disposez de plusieurs plugins pour les formulaires, les fenêtres contextuelles et les boîtes d'inscription, Elementor vous permet de leur dire au revoir et d'avoir un site Web léger qui fonctionne correctement.
Vous pouvez l'intégrer à des plateformes de marketing par e-mail comme MailChimp ainsi que Goutte et profitez des nouvelles fonctionnalités publiées en continu par l'équipe de développeurs.
Avez-vous besoin de la version payante ?
Semblable à tant d'autres plugins WordPress, Elementor est un produit freemium. Cela signifie que les solutions d'Elementor pour les débutants sont disponibles pour être utilisées gratuitement.
Mais ceux qui ont besoin de capacités supplémentaires et de conceptions plus professionnelles à grande échelle peuvent acheter une licence premium qui libère tout son potentiel.
Pour être plus précis, plus des deux tiers des fonctionnalités d'Elementor sont disponibles dans la version gratuite.
La mise à niveau vers la version Pro vous coûte 49 $ par an, avec des mises à jour gratuites et une assistance pendant un an.
Comment configurer Elementor ?
Comme vous le savez, l'installation de plugins sur WordPress est une tâche simple qui peut être effectuée en quelques clics.
La première consiste à rechercher son nom dans la section Plugins du panneau WordPress après avoir cliqué sur Ajouter un nouveau véhicule .
En quelques instants, le plugin est prêt, et vous devez cliquer sur Activer pour l'exécuter sur votre site.
Sinon, vous pouvez vous diriger vers votre tableau de bord à Elementor et téléchargez la version Pro que vous avez déjà achetée.
Le téléchargement commence après avoir suivi les étapes et vous obtenez un fichier .zip qui contient le plugin Elementor.
Maintenant, cliquez sur Upload Plugin du Extensions panneau de votre tableau de bord WordPress.
Localisez le fichier téléchargé, installez-le, puis activez-le.
Comment utiliser le plugin Elementor ?
L'édition en direct dans Elementor signifie un processus indolore pour créer tout ce que vous pouvez imaginer pour votre présence en ligne.
Juste après avoir configuré ce plugin, vous verrez son nom sur le côté gauche du tableau de bord :
Vous pouvez soit l'utiliser à partir de cette section, soit simplement cliquer sur Modifier avec Elementor lors de la création d'un article ou d'une page.
Caractéristiques de base
L'interface principale d'Elementor se compose de deux parties.
Sur la gauche, il y a la bibliothèque de tous les éléments, widgets, galeries d'images, en-têtes, pieds de page, témoignages, paramètres, etc.
Tout ce que vous avez à faire est de trouver l'article dont vous avez besoin, puis de le déposer sur le côté droit.
Le panneau de droite est l'aperçu de votre travail qui montre toutes les actions et les conceptions en direct en action.
Vous pouvez ajouter autant de sections que nécessaire, puis déposer le widget nécessaire à partir de la gauche.
Cependant, plus de fonctionnalités équivaut à plus de paramètres et d'options.
Pour vous mettre dans l'image, nous pouvons décrire les sections générales du réglage comme suit.
Cliquer sur le bouton hamburger s'ouvre STYLE MONDIAL, REGLAGESet AUTRES.
Vous pouvez modifier les polices, les couleurs et d'autres éléments visuels pour cette page uniquement, ou les modifier pour toutes les sections de votre site.
Paramètres du tableau de bord vous amène aux paramètres globaux d'Elementor dans le tableau de bord de votre site Web WordPress.
Les deuxième et troisième zones décrites ci-dessus sont celles où vous pouvez trouver et ajouter des widgets à votre page.
La barre d'outils en bas de la barre latérale gauche vous offre des options pratiques lors de l'édition des pages.
Vous pouvez modifier les éléments de la page, accéder à différentes sections, modifier l'historique si vous modifiez des éléments par erreur, passer en vue mobile, voir un aperçu en direct et publier la page ou l'enregistrer en tant que brouillon.
Elementor a également une valeur par défaut History section à partir de laquelle vous pouvez annuler les modifications et voir l'historique des actions que vous avez effectuées.
Extrait du RÉVISIONS onglet, comme son nom l'indique, vous pouvez basculer entre les révisions que vous avez apportées jusqu'à présent et revenir aux précédentes si nécessaire.
Quelle que soit la page que vous créez à l'aide du plugin Elementor, vous pouvez modifier son style en cliquant sur Mise en page.
L'option Par défaut place les éléments que vous choisissez dans la zone de contenu par défaut de votre site Web sans rien changer.
Toile prend en charge toutes les pages afin que vous puissiez ajouter des éléments à une page Web entièrement propre sans en-tête ni pied de page.
Pleine largeur est similaire à Canvas, avec cette différence que vous pouvez toujours conserver l'en-tête et le pied de page de votre site.
La modification du style de chaque section est également facilement disponible dans Elementor, et vous pouvez modifier le remplissage, les marges, les sections internes, etc. en cliquant sur le bouton ci-dessous dans chaque section.
Les sections dans Elementor sont généralement le plus grand conteneur pour votre contenu après la page elle-même. Vous pouvez ajouter ou supprimer des colonnes sur votre page et les étirer autant que nécessaire.
Sur la gauche, vous voyez trois onglets ; Disposition, Styleet Avancé. Ces fonctionnalités de personnalisation complètes d'Elementor pour les débutants vous permettent de personnaliser entièrement chaque élément des pages.
Par exemple, vous pouvez modifier l'alignement vertical de vos zones de texte, images, boutons, etc. et définir soit utiliser Overflow effet sur eux ou non.
Les éléments mobiles et les sections sont disponibles de deux manières. L'option la plus importante est le geste de glisser-déposer par lequel vous pouvez les déplacer le plus facilement sur les pages.
Sinon, vous pouvez utiliser le navigateur en appuyant sur « Ctrl+I » (Commande+I sous Mac).
Fonctionnalités avancées
Si vous souhaitez que des fonctionnalités supplémentaires fassent passer votre expérience de création de site Web au niveau supérieur, passez à la version Version Pro vous donne accès à beaucoup plus de capacités et de fonctionnalités.
Parmi eux, les popups vous permettent d'obtenir l'adresse e-mail de vos visiteurs à utiliser à d'autres fins de marketing.
Cette option est disponible à partir du Modèles > Fenêtres contextuelles annuaire. Vous pouvez en créer un nouveau et tout concevoir à partir de zéro, ou choisir parmi une variété de modèles prédéfinis pour vous inspirer.
WooCommerce, en tant que plate-forme de commerce électronique la plus populaire de WordPress, est largement utilisé dans le monde entier. L'intégration d'Elementor avec WooCommerce vous offre un monde de capacités pour créer des pages de produits personnalisées pour de meilleures ventes.
Après avoir configuré et exécuté les deux plugins, rendez-vous sur Elementor > Mes modèles et cliquez sur Ajouter un nouveau véhicule .
Ensuite, choisissez produit unique comme type de modèle et cliquez sur Créer un modèle.
Ensuite, la bibliothèque se charge et vous pouvez choisir celle qui vous convient le mieux dans la liste.
Les diapositives, le tableau des prix, la liste des prix, l'effet Ken Burns, le widget de connexion, le titre animé, les widgets Facebook, le Blockquote, le widget d'appel à l'action et la conception dynamique de page de publication unique et d'archive sont quelques-unes des autres fonctionnalités avancées qui peuvent être utilisées en achetant un licence premium.
Léger Deep Thème
La popularité sans cesse croissante d'Elementor pour les débutants a attiré de nombreux développeurs Web vers la création de thèmes WordPress compatibles avec Elementor à la base.
Un produit de premier ordre à cet égard est le produit basé sur Elementor Deep thème qui vous permet de convertir littéralement tout ce que vous pouvez imaginer en réalité.
Similaire au thème Elementor, Deep vient en deux versions; gratuit et premium.
L'achat d'une licence premium vous coûte 59 $, ce qui vous donne un an d'assistance gratuite et des mises à jour automatiques à vie.
En utilisant ce thème, vous avez accès à une gamme plus large de fonctionnalités de personnalisation autres que celles que vous pouvez utiliser par défaut dans Elementor. Voici une liste des caractéristiques uniques du Deep thème WordPress polyvalent.
Générateur d'en-tête et de pied de page
Créer des en-têtes élégants et soignés pour votre site n'est plus un défi si vous utilisez l'outil de création d'en-tête de Deep.
L'équipe de développeurs a publié environ 90 modèles étonnants prédéfinis qui peuvent être importés facilement en quelques clics.
De plus, le Deep L'outil de création de pied de page lève toutes les restrictions de création de designs accrocheurs de pieds de page pour votre site et de les voir dans un aperçu en direct.
Deep Documentation du générateur d'en-tête de thème
Un en-tête beau et puissant est très important dans la conception de sites Web. Le logo, la barre de navigation et tous les éléments dont vous pourriez avoir besoin peuvent être conçus dans l'en-tête avec Deepla nouvelle fonctionnalité de qui porte bien son nom : Header Builder…
Deep Documentation du générateur de pied de page de thème
Lorsque vous activez Deep Thème, vous pouvez installer les plugins disponibles dans le thème. Tout d'abord, assurez-vous que Webnus Core Plugin est installé et actif. Lorsque tout sera prêt, vous aurez un nouveau menu dans WordPress appelé Footer Builder…
Une liste diversifiée de plugins
Deep est équipé de 29 plugins premium qui ajoutent encore à ses fonctionnalités.
Révolution curseur, Go Tarification, Facile sociale Partager Boutonset The Grid sont quelques-uns des produits haut de gamme inclus dans ce thème.
Plugins Jet sont un groupe d'outils puissants qui vous permettent de concevoir plus facilement n'importe quel site Web.
JetMenu vous permet de créer des menus réactifs, JetBlog convient parfaitement à la mise en page de votre blog et de votre magazine, JetReviews crée de superbes blocs de révision et JetWooBuilder est le meilleur outil pour les pages WooCommerce.
Vous pouvez tirer le meilleur parti de ces plugins car tous sont disponibles dans Deep par défaut.
Deep Documentation sur les plugins de thème
N'oubliez pas que vous pouvez accéder aux plugins à partir de ce panneau à tout moment. Ici, vous avez les options pour installer, activer et désactiver les plugins. Vous pouvez également accéder aux plugins en allant dans WP-Admin > Plugins…
Peak Performance
Les pages Internet de Deep ont moins de taille par rapport aux pages régulières.
Les Deep Le thème prend en charge une fonctionnalité intéressante appelée Automatic Speed Booster qui modifie radicalement le codage des pages Web.
Cela signifie que les éléments CSS et JS utilisés sont chargés dans les pages de code source sans exécuter les codes supplémentaires, ce qui optimise considérablement les performances du site.
Deep Documentation de vitesse de page de thème
Comment accélérer le site Web WordPress construit avec Deep Thème WordPress Premium.
Menu Méga Avancé
Si vous avez besoin de méga menus de quelque nature que ce soit, vous n'avez aucune limitation devant vous.
Peu importe si vous avez besoin de codes courts, de mises en page, d'arrière-plans ou de tout autre élément spéciaux, votre méga menu avancé peut être créé sous peu.
Ajoutez les éléments dont vous avez besoin à vos menus et testez-les en direct pour apporter des modifications en conséquence, le cas échéant.
Deep Thème Mega Menu Documentation
Après avoir sélectionné ou créé un menu d'en-tête et le menu principal, si vous pensez avoir également besoin d'un méga menu, cet article est pour vous…
Conception entièrement réactive
Nous savons tous qu'aujourd'hui, les utilisateurs d'Internet sur les appareils mobiles et les tablettes sont plus nombreux que les ordinateurs de bureau.
Cette croissance croissante suggère la grande nécessité de la réactivité du site Web, et elle est considérée comme la priorité absolue dans ce produit.
En termes simples, vous offrez à vos utilisateurs une expérience de navigation Web unique sur leurs appareils.
Un assortiment de démos prédéfinies
Si vous avez besoin de gagner du temps pour démarrer votre site Web, Deep propose une grande sélection de démos utiles que vous pouvez utiliser en quelques clics.
L'outil de démo-importateur dédié de Deep vous permet d'appliquer les thèmes sélectionnés en quelques secondes sans avoir à installer de plugins supplémentaires.
Deep est un thème polyvalent, et les démos fournies couvrent les besoins des sites Web d'entreprise et personnels.
Que vous souhaitiez démarrer un hébergement site Web, un site en ligne shopun au Deck restaurantun école de langue, ou même un petit site personnel pour votre portefeuille or pige projets, Deep est tout ce dont vous avez besoin.
Ces démos sont créées avec un contenu réel qui vous permet de lancer votre site sans avoir à réinventer la roue.
Par exemple, les thèmes du restaurant ont des menus prédéfinis, des formulaires de commande en ligne améliorés, des horaires, des photos gratuites de haute qualité et des sections de contact attrayantes, tout comme vous en avez besoin pour votre restaurant.
Les sites Web éducatifs pourraient également bénéficier d'outils dédiés à cet égard, tels que des évaluations en ligne, des créateurs de quiz et des rapports de progression individuels pour chaque élève.
Toutes les démos sont entièrement compatibles avec le constructeur de pages Elementor.
La combinaison de contenu réel prédéfini avec les options parfaites d'Elementor pour les débutants ainsi que l'ajout de DeepLes fonctionnalités supplémentaires de signifient l'expérience la plus agréable de tous les temps pour avoir un site Web WordPress.
Réflexions finales
WordPress a totalement changé la donne dans le monde de la gestion de sites Web, et Elementor pour les débutants joue le même rôle dans la conception de sites Web.
Les thèmes qui ont une compatibilité totale avec Elementor à leur base rendent la création de sites Web beaucoup plus simple et Deep est un produit tout-en-un pour cet objectif.
Donc, si vous recherchez un site Web élégamment conçu avec le moins d'efforts pour le maintenir en bon état de fonctionnement, optez pour le Deep thème aujourd'hui.
Vous pouvez commencer par utiliser la version gratuite, puis passer à un plan premium si nécessaire.
messages recommandés
Elementor VS WPBakery: quel est le meilleur?
29 avril 2024
