Si la page d’accueil d’une entreprise ne comprend pas de 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 une courte vidéo. L'inclusion de courtes vidéos rend nécessaire cet article car cet article explique comment gérer les vidéos dans Elementor. Dans cet article, nous avons étendu les options du widget vidéo et de l’arrière-plan vidéo.
- Prise en charge des vidéos auto-hébergées 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
- Édition mobile améliorée
- Modifier les points d'arrêt sur mobile et tablette
- Intégration 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 les appareils réactifs
- Faites glisser n'importe où sur l'écran
- Bouton Fermer
- Conclusion
Prise en charge des vidéos auto-hébergées 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 aucun problème de droits d’auteur. De plus, il n’y a aucun risque de suppression de la vidéo.
- 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 pas distraits ou 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 début et un point de fin 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
Supposons que si vous avez intégré une vidéo de YouTube, mais que vous souhaitez en masquer le logo YouTube, vous pouvez sélectionner « Marque modeste » 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 expliquerons comment ajouter une vidéo à Elementor :
Appuyez sur l'éditeur Elementor et accédez au panneau. À partir de là, recherchez « vidéo » et faites glisser le widget vidéo.
- Elementor > panneau > rechercher « vidéo » > faites 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 lire une partie spécifique de la vidéo, 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.
Édition mobile améliorée
Modifier les points d'arrêt sur mobile et tablette
Depuis longtemps, les gens souhaitent avoir la liberté d'avoir des valeurs de point d'arrêt pour les vidéos sur mobiles 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 pour tablette et mobile pour Elementor. À l'aide de la fonctionnalité révolutionnaire de points d'arrêt, vous pouvez personnaliser votre site pour l'adapter aux ordinateurs à écran large, aux ordinateurs portables, aux tablettes ou aux petits écrans mobiles.
Pour modifier les valeurs du point 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 voilà !!!
Vous l’avez fait à temps.
Intégration 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 diverses actions que vous pouvez effectuer dans l'administrateur WordPress. Les développeurs le connaissent assez bien.
Ainsi, avec un 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 désormais 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 – Vider le cache CSS d'Elementor Page Builder
- sync-library – Bibliothèque d'éléments de synchronisation
- 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 – Importer 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 fera d'Elementor un package complet.
Avec le lancement de Gutenberg, Elementor fonctionnera même sans problème pour tous les utilisateurs d'Elementor.
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.
Cela doit être un spectacle frustrant.
Mais plus maintenant. Étant donné que la fonctionnalité étonnante de Sticky Video des Émirats arabes unis fait que la vidéo reste collée à la page pendant que vous la faites défiler, cela signifie que votre vidéo flottera sur le 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 ?
Émirats arabes unis a rendu cette fonctionnalité élégante et simple. Pour rendre la vidéo collante, vous pouvez simplement activer Sticky Video pour basculer sous contenu (onglet) > paramètre Sticky Video.
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 chaque aspect de la vidéo collante. Les principales caractéristiques sont indiqué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
- Assistance réactive
- Faites glisser la vidéo collante sur la fenêtre du frontend
- Personnalisations du bouton Fermer
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 format d'image défini pour la vidéo. Vous pouvez contrôler le rapport hauteur/largeur de la vidéo depuis 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 depuis le 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 s'appliquera uniquement à partir des bords inférieur et gauche de la vidéo.
Taille et style d'arrière-plan
La meilleure partie de des Émirats arabes unis 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 donnée sur chaque type de chose vidéo-métadonnées. Avec des Émirats arabes unis , 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 les 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ù en utilisant cette fonctionnalité. Vous pouvez simplement cliquer sur la vidéo et la faire glisser pour la placer n'importe où dans la fenêtre. La des Émirats arabes unis prend en charge la fonctionnalité permettant de la faire glisser n'importe où, par défaut.
Remarque : Les appareils mobiles et l'éditeur backend d'Elementor ne prennent pas en charge la fonctionnalité glisser.
Bouton Fermer
Vous pouvez activer/désactiver le bouton de fermeture de la vidéo collante. Des contrôles sont également disponibles pour gérer le style du bouton de fermeture.
Conclusion
Avec l'aide des des Émirats arabes unis , vous pouvez styliser et modifier vos vidéos collantes selon vos préférences. Le plugin rend toute la procédure assez simple. C'est une solution très élégante pour enrichir le contenu graphique de votre site. Continuez à créer d'incroyables vidéos collantes sur votre site Web et engagez vos visiteurs sur votre page Web même lorsqu'ils font défiler vos pages.
