Catégories : critiques plugin WordPress

Télécharger et gérer des vidéos dans Elementor

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

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 à :

Elementor Dashboard > Paramètres > Style et entrez les nouvelles valeurs pour « Tablet Breakpoint » et « Mobile Breakpoint ».

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
  • bibliothèque de synchronisation – Bibliothèque de synchronisation 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 – 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 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 ?

É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

Une petite description est donnée sur chaque type de métadonnées vidéo. 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.

Ahmad

Messages récents

Comment utiliser les en-têtes et pieds de page avec Elementor

Les en-têtes et pieds de page d’un site Web sont des éléments essentiels. Dans la plupart des cas, l'en-tête fournit la navigation…

6 janvier 2022

Comparaison des thèmes WordPress : Astra vs OceanWP

Astra et OceanWP sont deux des thèmes WordPress les plus populaires sur le marché. Professionnel…

2 janvier 2022

Comparaison des thèmes d'actualités WordPress : journal vs. Astre

Créer un excellent site Web d'actualités ne nécessite pas que vous deveniez un concepteur de sites Web. Nous…

25 octobre 2021

Créez un site Web lié à l'actualité avec le thème du journal

Le thème Newspaper est l'un des thèmes WordPress les plus importants conçus par tagDiv, un…

18 octobre 2021

Comment créer un commerce électronique avec le générateur Avada WooCommerce

Lorsqu'il s'agit de créer une boutique en ligne, WooCommerce est le plugin incontournable. Il…

4 octobre 2021

Comment utiliser les effets d'en-tête collant et de défilement avec Elementor

Un en-tête est généralement la première chose qu’une personne voit lorsqu’elle visite votre site Web,…

21 septembre 2021