Comment créer une image de héros dans WordPress avec Beaver Builder

Il s'agit d'un guide pour créer une image de héros sur un site WordPress à l'aide du plugin Beaver Builder.

Qu'est-ce qu'une image de héros?

Les images de héros (et les sections de héros plus largement) sont les grandes sections «à fond perdu» que vous voyez en haut de nombreuses pages d'accueil et pages de destination de sites Web. Ils incluent généralement une incitation à l'action qui attire l'attention de l'utilisateur sur l'action la plus souhaitée: «Embauchez-moi», «Obtenez un devis», etc.

Ces «sections de héros» attirent l'attention des utilisateurs et concentrent leur attention initiale sur l'action que vous souhaitez le plus faire. Ils sont aussi merveilleusement visuels, et ils donnent un – eh bien, un héroïque sentir sur votre site et de quoi il s'agit.

Comment Beaver Builder peut vous aider avec les images de héros

Beaver Builder est le meilleur constructeur de pages de WordPress. Les constructeurs de pages sont des outils de glisser-déposer qui vous permettent de définir mises en page—Les aspects complexes que devraient avoir des pages telles que votre page d'accueil ou vos pages de destination. En d'autres termes, les constructeurs de pages sont conçus exactement pour le type de travail de conception qu'implique la création d'une image de héros pour votre site WordPress, et Beaver Builder est votre meilleur choix pour le constructeur de pages.

La création d'images de héros et de sections de héros dans Beaver Builder est vraiment une fonction de savoir comment utiliser les lignes et les modules Beaver Builder. Voici le guide vidéo:

Et voici un résumé textuel:

Comment créer des images de héros dans WordPress avec Beaver Builder

1. Travaillez sur un modèle de page qui vous permet de modifier jusqu'au bord de l'écran. (Si vous n'en avez pas de disponible, nous mettrons en place un futur guide pour trouver ou créer ces modèles de page, alors restez à l'écoute.)
2. Créez une ligne Beaver Builder «pleine largeur». Assurez-vous que la ligne n'a pas de marges extérieures.
3. Donnez un arrière-plan à la ligne: image, vidéo, etc. Vous pouvez également superposer des couleurs semi-transparentes sur le support d'arrière-plan.
4. Donnez à la rangée un rembourrage supérieur et inférieur pour obtenir la hauteur que vous recherchez. Vous souhaiterez probablement définir des montants de remplissage distincts pour le bureau, la tablette et le mobile.
5. Créez un module Beaver Builder dans la ligne. Sa hauteur et son rembourrage aideront également à contrôler la hauteur de l'image du héros. Vous pouvez utiliser une combinaison des modules En-tête, Texte et Bouton pour la plupart des images de héros.

Profitez de la vidéo, et si vous ne l'avez pas encore fait, consultez Beaver Builder! C'est tout simplement le meilleur constructeur de pages dans WordPress.

Plus de ressources pour vous aider à construire dans WordPress

Si vous voulez en savoir plus, voici quelques excellentes ressources pour vous aider à démarrer:

Mon examen complet de Beaver Builder:

Beaver Builder Review: le point de vue d'un développeur WordPress

Mon examen comparatif des constructeurs de pages WordPress les plus populaires:

Constructeurs de pages WordPress, revu: Beaver Builder, Divi Builder, WPBakery Page Builder, Elementor

Mon guide pour construire un site WordPress sans code (oui, il a une image de héros!):

8 choses que j'ai apprises Construire un site WordPress sans code

Nous sommes également heureux de discuter et de répondre à vos questions dans notre groupe Facebook.