Si la page d'accueil d'une entreprise n'inclut pas une courte vidéo explicative, elle est considérée comme obsolète et fade. Il est très rare de nos jours de tomber sur un site Web qui ne contient pas de courte vidéo. L'inclusion de courtes vidéos appelle la nécessité de cet article, car cet article explique comment gérer les vidéos dans Elementor. Dans cet article, nous avons développé les options de widget vidéo et d'arrière-plan vidéo.
- Support vidéo auto-hébergé et Dailymotion
- Avantages des vidéos auto-hébergées:
- Heure de début et de fin du widget vidéo et de l'arrière-plan
- Image de marque modeste
- Ajouter un arrière-plan vidéo à Elementor
- Modification mobile améliorée
- Modifier les points d'arrêt des mobiles et des tablettes
- Intégration de WP CLI
- Inclusion de Gutenberg
- Vidéo collante des EAU
- Comment rendre une vidéo collante?
- Taille de la vidéo
- Alignement collant
- Espacement vidéo
- Taille et style d'arrière-plan
- Barre d'informations
- Gérer la vidéo collante sur des appareils réactifs
- Faites glisser n'importe où sur l'écran
- Bouton Fermer
- Conclusion
Support vidéo auto-hébergé et Dailymotion
Dans Elementor, vous pouvez intégrer non seulement des vidéos de YouTube et Vimeo, mais vous pouvez désormais également inclure des vidéos HTML5 et Dailymotion auto-hébergées.
Avantages des vidéos auto-hébergées:
- Confidentialité et contrôle: avec le RGPD et d'autres problèmes liés à la confidentialité, il est devenu d'autant plus important d'avoir des vidéos auto-hébergées. Vous pouvez contrôler le contenu de ces vidéos.
- Propriété: avoir des vidéos auto-hébergées vous aide à ne pas vous fier au contenu créé par d'autres. Avec votre vidéo, vous êtes sûr à 100% qu'il n'y aura pas de problèmes de droits d'auteur. De plus, il n'y a aucun risque que la vidéo soit supprimée.
- Personnalisation: avec l'auto-hébergement, votre vidéo ne comportera aucun logo ni lien externe. Cela vous aidera à inclure un contenu de qualité, qui semble plus professionnel. Vos vidéos peuvent être très utiles pour engager les visiteurs de votre site.
- UX: les vidéos auto-hébergées garantiront que vos visiteurs ne verront pas de publicités ou de suggestions de vidéos. Ils ne seront ni distraits ni redirigés vers vos concurrents (via des vidéos suggérées / recommandées).
Heure de début et de fin du widget vidéo et de l'arrière-plan
Vous pouvez définir un point de départ et un point final pour le widget vidéo sur les plates-formes prises en charge. Vous pouvez également choisir l'arrière-plan de la vidéo afin que seule la partie sélectionnée de la vidéo soit lue. Avec l'aide de cette fonctionnalité, vous pouvez très facilement mettre en boucle la partie pertinente de la vidéo. Vous pouvez afficher le contenu sélectionné à vos visiteurs en boucle.
Image de marque modeste
Dites, si vous avez intégré une vidéo à partir de YouTube, mais que vous souhaitez en masquer le logo YouTube, vous pouvez sélectionner «Modest Branding» pour masquer le logo de la vidéo Youtube intégrée.
Ajouter un arrière-plan vidéo à Elementor
Dans cette section, nous vous guiderons sur la façon d'ajouter une vidéo à Elementor:
Appuyez sur l'éditeur Elementor et accédez au panneau. À partir de là, recherchez «vidéo» et faites-la glisser dans le widget vidéo.
- Elementor> panneau> rechercher 'vidéo'> faire glisser 'widget vidéo'
- Sous Vidéo> Source, choisissez «YouTube», «Dailymotion», «Vimeo» ou auto-hébergé.
- Ensuite, ajoutez un lien vers la vidéo. Si la vidéo est auto-hébergée, vous pouvez la télécharger en parcourant la médiathèque ou en utilisant une URL externe.
- Si vous souhaitez qu'une partie spécifique de la vidéo soit lue, vous pouvez choisir une heure de début et une heure de fin.
- Vous pouvez également ajouter une vignette de votre choix en ajoutant une superposition d'image.
Modification mobile améliorée
Modifier les points d'arrêt des mobiles et des tablettes
Pendant longtemps, les gens ont voulu avoir la liberté d'avoir des valeurs de points d'arrêt pour les vidéos sur mobile et tablettes. Bonnes nouvelles!! La solution est ici.
Après avoir ajouté la vidéo, comme indiqué dans la section ci-dessus, vous pouvez modifier les valeurs des points d'arrêt de la tablette et du mobile pour Elementor. À l'aide de la fonctionnalité révolutionnaire des points d'arrêt, vous pouvez personnaliser votre site pour l'ajuster sur des ordinateurs à écran large, des ordinateurs portables, des tablettes ou de petits écrans mobiles.
Pour modifier les valeurs des points d'arrêt, accédez à:
Tableau de bord Elementor> Paramètres> Style et entrez les nouvelles valeurs pour «Point d'arrêt de la tablette» et «Point d'arrêt mobile».
Et voila !!!
Vous l'avez fait à temps.
Intégration de WP CLI
L'interface de ligne de commande pour WordPress, WP-CLI, est un projet open-source qui fournit une interface de ligne de commande pour une variété d'actions que vous pourriez effectuer dans l'administrateur WordPress. Les développeurs le connaissent assez bien.
Ainsi, avec une WP-CLI, vous pouvez effectuer une longue liste de tâches à partir d'un terminal aléatoire. De cette façon, vous n'aurez pas à vous connecter au terminal d'administration.
Elementor est maintenant livré avec WP-CLI intégré. Et cette intégration de WP-CLI vous permet d'effectuer les tâches suivantes via la ligne de commande:
- flush_css - Vide le cache CSS de Elementor Page Builder
- sync-library - Bibliothèque Sync Elementor
- replace-URLs - Remplacez les anciennes URL par de nouvelles URL dans toutes les pages Elementor
- Activer ou désactiver la licence - Activez ou désactivez votre licence Pro
- import-library - Importe des fichiers modèles dans la bibliothèque
D'autres commandes CLI continueront d'être ajoutées pour Elementor à l'avenir.
Inclusion de Gutenberg
Dans les mois à venir, Gutenberg sera également ajouté au noyau, ce qui fait d'Elementor un package complet.
Avec le lancement de Gutenberg, Elementor fonctionnera même sans problème pour tous les utilisateurs d'élémentor.
Il est facile de basculer entre Gutenberg et Elementor avec la version 2.1 car vous utiliserez le bouton toujours familier «Modifier avec Elementor» dans Gutenberg.
Vidéo collante des EAU
Imaginez si vous faites défiler une page et que le contenu vidéo se déplace vers la gauche ou la droite, ou reste simplement immobile.
Ce doit être un spectacle frustrant.
Mais plus maintenant. Parce que la fonctionnalité étonnante de Sticky Video des EAU fait en sorte que la vidéo colle à la page pendant que vous faites défiler, cela signifie que votre vidéo flottera le long du côté gauche ou droit de la fenêtre du navigateur. Avec la fonction vidéo collante, lorsque le visiteur fait défiler pour lire le contenu, la vidéo ainsi que le contenu textuel resteront au point.
Comment rendre une vidéo collante?
EAU a rendu cette fonctionnalité élégante et simple. Pour rendre la vidéo collante, vous pouvez simplement activer la vidéo collante pour basculer sous le contenu (onglet)> paramètre vidéo collante.
Il existe différentes options d'alignement pour la vidéo dans une fonction vidéo collante. Accédez à la barre d'action et aux paramètres pour contrôler tous les aspects de la vidéo collante. Les principales caractéristiques sont données ci-dessous:
- Taille de la vidéo
- Une variété d'options d'alignement pour une vidéo collante sur les bords
- Gérez l'espacement et le style de la vidéo.
- Ajouter un arrière-plan pour la vidéo
- Afficher la description de la vidéo à l'aide de la barre d'informations
- Support réactif
- Faites glisser la vidéo collante sur la fenêtre du frontend
- Fermer les personnalisations du bouton
Taille de la vidéo
Vous pouvez ajuster la hauteur et la largeur de la vidéo en spécifiant la largeur de la vidéo en px. L'affichage vidéo s'appliquera selon le rapport hauteur / largeur défini pour la vidéo. Vous pouvez contrôler le rapport hauteur / largeur de la vidéo à partir de Contenu (onglet)> Vidéo.
Par exemple - Si vous avez défini un rapport de 16: 9, les dimensions de la vidéo collante s'appliqueront selon le rapport sélectionné.
Alignement collant
Vous pouvez gérer l' alignement, c'est-à-dire la position de la vidéo collante sur les bords de la fenêtre. La vidéo peut être positionnée comme:
- En haut à droite
- En haut à gauche
- En bas à droite
- En bas à gauche
- Centre droit
- Centre gauche
Espacement vidéo
Vous pouvez modifier l' espacement à partir du bord pour contrôler l'espacement autour de la vidéo. L'espacement sera appliqué en fonction de l'alignement collant sélectionné.
Par exemple, pour l'alignement en bas à gauche, l'espacement ne s'appliquera qu'à partir du bas et des bords gauche de la vidéo.
Taille et style d'arrière-plan
La meilleure partie de la vidéo collante des EAU est que vous pouvez ajouter l'arrière-plan de votre choix à la vidéo. Vous pouvez également sélectionner la taille et la couleur de l'arrière-plan.
Barre d'informations
Il y a une petite description de chaque type de métadonnées vidéo. Avec l' option vidéo collante des EAU , vous pouvez ajouter du texte informatif sous la vidéo collante. Vous pouvez décrire chaque vidéo collante, qui affichera les informations sur la vidéo en cours de lecture.
Avec la barre d'informations, vous pouvez également contrôler la couleur, la couleur d'arrière-plan, la typographie et le remplissage de la vidéo. Le champ de texte prend en charge le contenu HTML. Vous pouvez également appliquer le style personnalisé au contenu de la barre d'informations.
Gérer la vidéo collante sur des appareils réactifs
Il existe une option pour masquer la vidéo collante sur les appareils réactifs. Vous pouvez sélectionner différents appareils sur lesquels vous souhaitez masquer la vidéo collante.
Faites glisser n'importe où sur l'écran
Vous pouvez faire glisser l'écran vidéo n'importe où à l'aide de cette fonction. Vous pouvez simplement cliquer sur la vidéo et la faire glisser pour la placer n'importe où dans la fenêtre. La vidéo collante des EAU prend en charge la fonctionnalité permettant de la faire glisser n'importe où, par défaut.
Remarque : les appareils mobiles et l'éditeur backend de l'Elementor ne prennent pas en charge la fonctionnalité de glissement.
Bouton Fermer
Vous pouvez activer / désactiver le bouton de fermeture de la vidéo collante. Il existe également des commandes disponibles pour gérer le style du bouton de fermeture.
Conclusion
Avec l'aide des fonctionnalités vidéo collantes des EAU , vous pouvez styliser et modifier vos vidéos collantes selon vos préférences. Le plugin rend toute la procédure assez facile. C'est une solution très élégante pour enrichir le contenu graphique de votre site. Continuez à créer des vidéos collantes incroyables sur votre site Web et engagez vos visiteurs sur votre page Web même lorsqu'ils font défiler vos pages.
