Le plugin Elementor par défaut vous permet de créer plusieurs types d'arrière-plan de page Elementor. Par exemple, arrière-plan vidéo elementor, arrière-plan de parallaxe elementor avec image ou vidéo.
En bonus, je partagerai comment organiser Gradient animé, Background Slider, & particules dans l'arrière-plan de la section elementor Vérifiez ceci à ajouter image d'arrière-plan mobile dans la section Élémenteur.
Tout d'abord, laissez-moi vous montrer comment organiser un arrière-plan pleine page à partir des paramètres de la page.
Cliquez sur l'icône des paramètres en bas à gauche de l'éditeur de votre page.
Maintenant, accédez à l'onglet Style Sélectionnez le type d'arrière-plan classique ou dégradé À partir de l'option classique, vous pouvez sélectionner n'importe quelle image comme arrière-plan de la page élément ou élément.
C'est ainsi que fonctionne le fond général de page elementor.
Il est temps d'expliquer comment organiser la vidéo, l'image, la parallaxe, le fond dégradé animé dans votre section élément ou.
Ajoutez simplement une section sur votre page Ensuite, accédez à la zone de style Vous verrez l'option d'arrière-plan Dans Elementor par défaut, il existe 4 types d'arrière-plan différents Classique, Gradient, Vidéo, Diaporama.
Fond Classique
À partir du type d'arrière-plan classique, vous pouvez sélectionner la couleur ou l'image. Sélectionnez le type de dégradé et saisissez les couleurs, l'emplacement des couleurs, l'angle et le type de dégradé souhaités (linéaire ou radial).
arrière-plan vidéo pour la section
Vous pouvez utiliser YouTube, Vimeo, le lien vidéo MP4 auto-hébergé Ensuite, vous pouvez définir l'heure de début de la vidéo et l'heure de fin Activez Play Once si vous voulez lire la vidéo une seule fois Aussi, activez Play On Mobile si vous préférez lire la vidéo d'arrière-plan de votre section dans les appareils mobiles.
Curseur de fond d'élément
Sélectionnez diaporama et téléchargez ou sélectionnez plusieurs images de votre média Cinq effets de transition, définissez Durée de transition, sélectionnez la taille de l'arrière-plan et la position.
Tout cela concerne les paramètres d'arrière-plan de la section élément ou par défaut.
Voyons comment régler Effet Elementor Kenburns en section arrière-plan Après cela, je vais vous montrer comment organiser particules et fond de gradient animé en section élémentor.
Si vous n'avez pas installé le plugin Master Addons dans votre site Web WordPress, faites-le pour fonctionner avec la fonctionnalité suivante Vérifiez comment créer un arrière-plan interactif avec ce plugin gratuit.
Dirigeant d'arrière-plan d'animation Kenburns
Après avoir installé le plugin Master Addons, vous verrez l'option Background Slider dans l'onglet style de section Téléchargez plusieurs images, sélectionnez la taille de l'image, la transition, l'animation, le style Overlay et le délai de la diapositive de l'image Vous obtiendrez 25 types de transitions différents et 10 effets d'animation kenburns différents.
Fond de particules élémentaires
Activez simplement les particules et vous verrez un lien“Click Here” pour générer du code JSON pour le champ ci-dessous Allez sur le lien et générez les particules souhaitées Téléchargez le fichier JSON et copiez le code du fichier à coller Vérifiez comment ajouter un fond de particule dans Elementor publiez pour plus de détails Assurez-vous simplement de définir la couleur de fond, le dégradé avant d'activer les particules.
Fond de gradient animé d'élémenteur
En tant qu'utilisateur addon maître, vous verrez l'option de” Animated Gradient Background dans l'onglet style de section Activez-le simplement et vous verrez le dégradé animé par défaut BG. Modifiez la valeur de l'angle et ajoutez autant de couleurs dont vous avez besoin pour votre dégradé de section Voici un exemple réel de dégradé animé Elementor BG.
C'est tout Maintenant installez et active Master Addons plugin dans votre WordPress Site Web Ensuite arrangez tout type d'élémentor page background ou Section background Vous pouvez aussi déposer un curseur de comparaison d'images sur la page à afficher avant et après les versions d'un design N'hésitez pas à entrer en contact avec notre équipe d'experts si vous rencontrez un problème.
