Comment créer une page d’atterrissage gratuitement avec wordpress et Beaver Builder

À la fin de cet article: aurez une bonne compréhension de Beaver Builder, saurez comment lamp;rsquoutiliser avec les thèmes Hestia et tout autre sujet que pourriez avoir, serez en mesure de créer une page damp;rsquoatterrissage attrayante et apprendrez de nouveaux outils puissants comme le plug in powerpack de Beaver Builder. Comment créer une page d’atterrissage gratuite en utilisant WordPress et @ beaverbuilder en cliquant sur Twitter maintenant, pour le contenu de ce tutoriel sur la façon de créer une page d’atterrissage en utilisant WordPress, je vais utiliser la version Lite (gratuite) des trois produits (Hestia supplémentaire, Beaver Builder et Beaver Builder powerpack).
Avant de commencer, ce que nous construisons réellement, assurez que nous sommes sur la même page et clarifiez notre compréhension de ce que nous allons créer avec lamp;rsquoaide de Beaver Builder. Notre principal objectif ici est de créer un site Web qui ressemble le plus possible à wpbeaveraddons. Com, la page damp;rsquoaccueil du plug in powerpack Beaver Builder, et jamp;rsquoen fais partie. Je pense que ce design est universel et quamp;rsquoil y a assez damp;rsquoéléments personnels pour nous apprendre à utiliser Beaver Builder efficacement. Bien sûr, la conception que nous construisons est universelle, donc pouvez continuer à lamp;rsquoutiliser pour namp;rsquoimporte quel type de produit ou de service.
Voici le résultat final:
nécessaire, pouvez facilement éditer la page, et la meilleure partie est que namp;rsquoavez pas besoin de toucher une ligne de code pour terminer lamp;rsquoédition. Pour créer cette page damp;rsquoatterrissage, nous utiliserons: Estia Authors: themeisle 96% Ratings 3.085.688 s version 3.0.20 pour plus damp; Hestia. 3.0.20. Aperçu du thème zip dernière mise à jour: 14 décembre 2021 96% de la note 3.085.688 la page du thème WordPress version 3.0.20. Org Estia WordPress page Builder – Beaver Builder par l’équipe Beaver Builder
96% de la puissance nominale supérieure à 200 000 est nécessaire pour lamp;rsquoinstallation du WP 4.6
amp; Beaver Builder lite version. 2.5.1.1. Zip version actuelle: 2.5.1.1 dernière mise à jour: 24 janvier 2022 96% de plus de 200 000 WP 4.6 + nécessite une page de plug in WordPress. Org WordPress page Builder – Beaver Builder powerpack Lite for Beaver Builder auteur: Beaver plug in 100% Rating more than 10000 installation WP 4.6 + needs more information powerpack plug in for Beaver Builder. Zip version actuelle: 1.2.9.3 dernière mise à jour: 10 janvier 2022 100% de la cote supérieure à 10 000 WP 4.6 + nécessite une page de plug in WordPress. Org powerpack Lite for Beaver Builder nous pourrions être en mesure de créer des pages damp;rsquoatterrissage plus riches en utilisant la version pro des trois produits ci dessus. Cependant, je veux que maîtrisiez le pouvoir de ces outils avant de dépenser de lamp;rsquoargent, donc je pense que la version gratuite est la meilleure option.
En savoir plus sur Beaver Builder avant de continuer à créer des pages, examinons quelques bases. Voici comment Beaver Builder organise le contenu de la page: a) Lignes construire la mise en page. Vous pouvez diviser chaque ligne en colonnes, puis ajouter différents éléments (modules) à ces colonnes. Ajouter et modifier des lignes: Étape 1: cliquez sur le bouton Ajouter du contenu, puis cliquez sur le bouton mise en page des lignes. Étape 2: faites glisser et déposer la ligne sur la page. Étape 3: lorsque avez terminé, cliquez sur lamp;rsquoicône petite clé dans le coin. Cela permettra de modifier les paramètres de ligne tels que la largeur, la hauteur, la réactivité, lamp;rsquoarrière plan, etc. B) Les modules sont les éléments constitutifs de la page elle même. Ce sont les éléments que faites glisser et déposer sur la page. Ils peuvent être namp;rsquoimporte quoi, du titre, du texte, de lamp;rsquoimage, du curseur, du minuteur, etc.
Ajouter et modifier des modules: p
Camp;rsquoest parti.
Jamp;rsquoai changé la disposition en pleine largeur (nous le ferons pour toutes les lignes).
Voici le contexte Changez lamp;rsquooption de fond de none à fade out et sélectionnez votre couleur. Cliquez sur Enregistrer pour enregistrer les modifications:
Ensuite, il nous faut un titre. Pour ce faire, ajoutez un module de titre intelligent à partir du module powerpack. Pour continuer, entrez le titre et le Sous titre dans les champs appropriés. Modifier la typographie au besoin. Une fois terminé, cliquez sur Enregistrer: Il nous faut des boutons. Laissez les passer le module à deux boutons. Continuez à les ajouter. Là, changez lamp;rsquoétiquette sur le bouton et ajoutez lamp;rsquoicône désirée après le texte. Faites ceci pour les deux boutons. Allez maintenant à lamp;rsquoonglet style et changez la couleur de fond des deux boutons, la couleur de passage de la souris et la couleur de la bordure.
Jamp;rsquoai mis différentes couleurs pour les boutons afin que le premier bouton attire plus damp;rsquoattention. le souhaitez, pouvez aller à lamp;rsquoonglet typographie et modifier la police. Chaque partie du grand héros a besoin damp;rsquoune image. Pour ce faire, ajoutez un module image et sélectionnez une image dans la bibliothèque. Ajustez la marge de sorte que le bas de lamp;rsquoimage soit entièrement au dessus de la disposition de la ligne. Une fois terminé, cliquez sur Enregistrer:
Les résultats sont les suivants: notre meilleure partie héroïque:
Vous pourriez également être intéressé par ce qui suit: Best Drag and drop site Builder: pour débutants et professionnels, WordPress Review Systems Comparez: disqs avec Facebook Review avec Spot. Gi vs poste 2022 plus de 20 meilleurs modèles de tableau de bord pour la gestion des coins passez à lamp;rsquoétape 2: Section fonctionnelle pour la section fonctionnelle, nous utiliserons le module Infobox. Mais avant cela, nous devons créer la disposition de la CCB. Ajouter une matrice de mise en page de 3 × 4 lignes sélectionnez une mise en page de 3 lignes et faites la glisser vers
A droite. Dans le menu paramètres, sélectionnez lamp;rsquoimage et changez les valeurs de marge et de remplissage pour correspondre exactement à la ligne. Une fois terminé, cliquez sur Enregistrer:
Les résultats sont les suivants:
Aller à la dernière étape en haut: modifier lamp;rsquoimage du titre et le menu dans Hestia maintenant, il ne reste quamp;rsquoune seule tâche à faire: personnaliser le titre par défaut dans Hestia. Pour ce faire, ouvrez le personnalisateur du sujet et allez à la section identité du site. Cliquez sur le bouton sélectionner le logo. Sélectionnez lamp;rsquoimage que jugez appropriée et coupez la si nécessaire. Allez dans la section menus et sélectionnez le menu que souhaitez voir dans le titre. Et On a fini! Félicitations, venez de créer une page d’atterrissage entièrement fonctionnelle pour votre site WordPress, sans aucune ligne de code impliquée! La page damp;rsquoatterrissage que nous avons remplie est de nouveau affichée comme suit:
Où est votre page damp;rsquoatterrissage? Partagez le design que avez construit dans les commentaires ci dessous! J’espère que apprécierez ce tutoriel sur la façon de créer une page d’atterrissage en utilisant WordPress et que en apprendrez quelque chose. Comment utiliser WordPress et @ beaverbuilder pour créer gratuitement une page d’atterrissage cliquez sur Twitter bonus! souhaitez copier la page damp;rsquoatterrissage que nous avons créée sur votre site, nous proposons un excellent téléchargement! Il samp;rsquoagit de lamp;rsquoexportation XML complète de la page damp;rsquoatterrissage. Tout ce que avez à faire est de lamp;rsquoimporter par Beaver Builder. À propos de lamp;rsquoauteur: puneet sahalot est le fondateur du plug in powerpack Beaver et PDG damp;rsquoideabax creations. Il aime travailler avec wordpress pour construire des plug ins et des sites Web intéressants pour WordPress avec son équipe. Présentation et présentation de Karol K.