L'intégration du thème Astra avec Beaver Builder expliquée

Astra Le thème est léger et très flexible WordPress qui fonctionne de manière transparente avec de nombreux constructeurs de pages. Parmi eux.Beaver Builderest un puissant outil d'édition visuelle de pages. La combinaison des deux permet aux utilisateurs de créer facilement des pages personnalisées et de maintenir de bonnes performances.

Qu'est-ce que Beaver Builder ?

Beaver Builder Il s'agit d'un puissant WordPress visualisationconstructeur de pagesIl permet de construire des pages par glisser-déposer sans avoir à écrire de code. Il présente les caractéristiques suivantes :

• Éditeur de visualisation frontaleWYSIWYG (What You See Is What You Get) simplifie le processus de conception d'un site web.
• Bibliothèque de modules richesLe produit comprend des images, des boutons, des images tournantes, des formulaires de contact, etc., qui peuvent être librement glissés et déposés pour être combinés.
• conception réactiveLes affichages mobiles et de bureau sont automatiquement adaptés aux différentes tailles d'écran afin de garantir la cohérence entre eux.
• la compatibilité WooCommercePrise en charge de la mise en page personnalisée des pages de produits et des fonctions de commerce électronique
• Modèles réutilisablesLe nouveau site web accélérera le développement du site et augmentera l'efficacité globale du travail.

Astra Thèmes etBeaver BuilderCombinées, elles peuvent offrir des options de personnalisation des pages plus avancées, permettant aux utilisateurs de créer des mises en page uniques et d'améliorer l'expérience visuelle et interactive globale d'un site web.

Compatibilité du thème Astra avec Beaver Builder

Astra Le thème est optimisé pour les constructeurs de pages, avec Beaver BuilderLorsqu'il est combiné, il permet de concevoir un site web entièrement par glisser-déposer. Ses principaux avantages sont les suivants :

• Architecture légèreChargez uniquement les éléments nécessaires à la réalisation de votre projet. CSS et les ressources JS pour réduire la charge de la page
• une compatibilité sans failleles structures de code des deux peuvent être parfaitement adaptées afin d'éviter les conflits de style
• Prise en charge de la mise en page pleine largeur: peut être caché Astra L'en-tête et le pied de page par défaut du thème font de la Beaver BuilderContrôle total de la page
• Paramètres de mise en page flexiblesLes polices, les couleurs et les mises en page peuvent être ajustées pour correspondre à l'image de marque de l'entreprise. Beaver Builderdéclaration de conception

Etapes pour intégrer le thème Astra avec Beaver Builder

1. l'installation Astra Thèmes et Beaver Builder

• entrer dans Tableau de bord WordPress > Apparence > Thèmes > Ajouter un nouveau thème
• rechercher qqch. Astra et cliquez sur Installer, suivi de l'activation du thème

• entrer dans Plugins > Installer des pluginsRechercheBeaver Builder
• Installation et activation Beaver Builder plug-in (composant logiciel)

2. la configuration Astra Thèmes à optimiser Beaver Builder

adapter Astra Disposition par défaut du thème

• entrer dans Apparence > Personnalisation > Disposition
• existent conteneurs sélectionnez l'option Pleine largeur sans margesGarantir Beaver Builder Contrôle total de la mise en page

• coagulationune barre latérale (dans un logiciel)Une zone de contenu plus large pour une conception personnalisée des pages

nestle Astra En-têtes et pieds de page du thème

• entrer dans page webSélectionnez la page que vous souhaitez modifier
• existent droit Astra Panneau de configuration du thèmeTrouver structure des pages options (comme dans les paramètres d'un logiciel informatique)
• option pas d'en-tête ni de pied de pagelaisser Beaver BuilderResponsable de la conception de l'ensemble de la page

3. utiliser Astra Modèles de départ Conception accélérée

• Installation et activation Modèles de départ plug-in (composant logiciel)

• entrer dans Modèles de démarrage > Sélectionner Beaver Builder

• Sélectionnez le modèle approprié et cliquez sur Importer le site complet peut-être Page d'importation uniquement

• Beaver Builder Des modèles de page prédéfinis sont automatiquement chargés dans le fichier WordPress les utilisateurs peuvent modifier le contenu directement

4. l'intégration Beaver Builder Page d'optimisation des modules

Beaver BuilderFournit un ensemble riche de modules qui peuvent être utilisés en conjonction avec Astra Les thèmes se combinent pour améliorer l'interactivité des pages et la présentation visuelle. Les modules suivants sont recommandés :

• Info BoxLes produits : Idéal pour présenter les caractéristiques d'un produit ou les services d'une entreprise.
• CarrouselLes informations sur les clients, les produits et les membres de l'équipe peuvent être affichées de manière dynamique.
• CompteurAffichage de données statistiques : convient à l'affichage de données statistiques, telles que le nombre de visiteurs, les données relatives aux ventes, etc.
• Bouton avancé: Utilisé pour créer des CTA(Call to Action) pour augmenter les conversions

Ces modules peuvent être utilisés en conjonction avec Astra Les couleurs et la typographie du thème sont définies de manière à ce que le style général soit cohérent.

optimisation Astra Performance du thème avec Beaver Builder

1. utilisation de plug-ins de mise en cache

Les plugins de mise en cache suivants sont recommandés pour améliorerBeaver Builder Générer une vitesse de chargement des pages :

• WP Rocket(Payé)
• LiteSpeed Cache
• WP Fastest Cache

2) Activation du CDN

Les réseaux de diffusion de contenu (CDN) peuvent réduire Astra Thèmes et Beaver BuilderLe temps de chargement de la ressource. Recommandé :

• Cloudflare
• BunnyCDN
• KeyCDN

3. éviter d'installer trop de plug-ins

• N'installez que le matériel nécessaire Beaver Buildermodule (dans le logiciel)
• utiliser Astra Fonctionnalité intégrée au thème plutôt que de dépendre de plugins supplémentaires
• Optimisation régulière de la base de données pour supprimer les plug-ins inutilisés et les données inutiles

résumés

Astra Thèmes et Beaver Builder Cette combinaison permet aux utilisateurs de créer des pages hautement personnalisées tout en maintenant de bonnes performances. Cette approche aide les utilisateurs à créer des sites web à la fois beaux et efficaces au sein de l'écosystème WordPress, sans avoir besoin d'écrire du code, tout en garantissant la fluidité du site sur différents appareils.