Vous souhaitez int\u00e9grer des vid\u00e9os courts Youtube, appel\u00e9s shorts, \u00e0 votre site WordPress?<\/p>\n\n\n\n
Depuis que TikTok est entr\u00e9 dans la sc\u00e8ne, les \u00ab\u00a0shorts\u00a0\u00bb sont devenus une tendance incontournable. D\u2019autres sites de m\u00e9dias sociaux ont pris note de cette popularit\u00e9 et tent\u00e9 d’\u00e9muler le concept. <\/p>\n\n\n\n
Pour maintenir sa position en tant que plateforme dominante, YouTube a donc int\u00e9grer ses propres shorts.<\/p>\n\n\n\n
De nombreux youtubeurs ont adopt\u00e9 cette nouvelle tendance avec succ\u00e8s. La plateforme semble m\u00eame avoir tir\u00e9 une forte croissance de l’int\u00e9gration de contenu vid\u00e9o court. Votre site WordPress pourrais donc en profiter \u00e9galement.<\/p>\n\n\n\n
L\u2019ajout de shorts \u00e0 WordPress est similaire \u00e0 l\u2019int\u00e9gration de vid\u00e9os YouTube traditionnels. Cependant, ils utilisent souvent une configuration permettant de les pimenter un peu, et les mettre de l’avant.<\/p>\n\n\n\n
Il existe diff\u00e9rentes fa\u00e7ons d’int\u00e9grer des shorts Youtube sur un site WordPress. Dans le cadre de cet article, nous vous indiquerons comment le faire avec l\u2019aide du plugin Elementor Website Builder<\/a>.<\/p>\n\n\n\n Les shorts de Youtube sont de courtes vid\u00e9os. Ils ont une dur\u00e9e maximale de 60 secondes, bien qu’ils en durent souvent moins de 15. <\/p>\n\n\n\n Les shorts doivent \u00eatre r\u00e9alis\u00e9s sp\u00e9cifiquement en utilisant le format vid\u00e9o verticale mobile. YouTube d\u00e9tecte d’ailleurs quand un short est t\u00e9l\u00e9charg\u00e9 par opposition aux vid\u00e9os r\u00e9guli\u00e8res. La plateforme encourage ouvertement les cr\u00e9ateurs de contenu \u00e0 utiliser le format, qui est promu dans les algorithmes.<\/p>\n\n\n\n Parmi les caract\u00e9ristiques notables des shorts de YouTube, on doit mentionner leur apparence distincte et leur emplacement.<\/p>\n\n\n\n Les shorts sont fait pour \u00eatre con\u00e7us \u00e0 l\u2019aide d\u2019un appareil photo de smartphone. M\u00eame lorsque cr\u00e9\u00e9s \u00e0 partir d’un pc, le r\u00e9sultat simule un affichage mobile. Les r\u00e9sultats de recherches sont donc affich\u00e9s selon un format \u00ab\u00a0portrait\u00a0\u00bb, ou vertical.<\/p>\n\n\n\n Le shorts se distinguent du contenu r\u00e9gulier sur la plateforme. Ils sont clairement \u00e9tiquet\u00e9s comme courts-m\u00e9trages, et se trouve dans des cat\u00e9gories distinctes. Le probl\u00e8me est que lorsque vous int\u00e9grez une vid\u00e9o YouTube, elle appara\u00eet votre site WordPress, sans distinction entre les deux types de contenu.<\/p>\n\n\n\n Pour afficher correctement les shorts dans WordPress, il faut donc \u00eatre un peu cr\u00e9atif dans la fa\u00e7on de proc\u00e9der.<\/p>\n\n\n\n Il y a plusieurs fa\u00e7ons d\u2019accomplir l’int\u00e9gration. En fait, vous pouvez simplement ajouter l\u2019URL \u00e0 la publication ou \u00e0 la page sur laquelle vous souhaitez l’afficher. Ce sera suffisant \u00e0 int\u00e9grer un lien. <\/p>\n\n\n\n WordPress int\u00e8gre facilement du contenu YouTube avec rien de plus que l\u2019adresse Web de la vid\u00e9o. Dans ce cas, un short s’afficherait toutefois comme une vid\u00e9o YouTube traditionnelle. C’est exactement ce que ce guide vise \u00e0 corriger.<\/p>\n\n\n\n Pour contourner cela, vous pouvez utiliser le plugin Elementor Website Builder. Il vous permettra d’afficher les shorts dans WordPress en conservant leur apparence originale h\u00e9rit\u00e9e de YouTube.<\/p>\n\n\n\n Elementor permet l’affichage de contenu sous forme de colonnes. Celles-ci peuvent donc \u00eatre correctement configur\u00e9es et dimensionn\u00e9es pour afficher les shorts tels que d\u00e9sir\u00e9.<\/p>\n\n\n\n Vous pouvez utiliser n\u2019importe quel \u00e9diteur de page pour y parvenir. Nous avons choisi d’utiliser Elementor car il est gratuit, populaire et tr\u00e8s facile \u00e0 utiliser. Nous utilisons une fonctionnalit\u00e9 de base incluent dans tous les constructeurs de pages. Le m\u00eame proc\u00e9d\u00e9 peu donc \u00eatre appliqu\u00e9, peu importe l’\u00e9diteur que vous choisissez. <\/p>\n\n\n\n Dans le menu lat\u00e9ral gauche de votre tableau de bord WordPress, cliquez tout d’abord sur Extensions<\/strong>. Dans le menu des options qui s’affiche, s\u00e9lectionner Ajouter une extension<\/strong>.<\/p>\n\n\n\n Cherchez ensuite Elementor Website Builder<\/strong> dans la zone de recherche disponible. WordPress vous proposeras plusieurs plugins li\u00e9s \u00e0 Elementor, dont certains pourraient vous \u00eatre utiles.<\/p>\n\n\n\n Trouvez le plugin Elementor Website Builder et cliquez sur le bouton Installer<\/strong>. Une fois l’installation compl\u00e9t\u00e9e, activez le plugin pour l\u2019utiliser.<\/p>\n\n\n\n Comme nous l’avons mentionn\u00e9e, il y a un probl\u00e8me quand vous int\u00e9grez un short de YouTube dans WordPress par simple ajout de lien. La vid\u00e9o ne s’affiche pas dans son format vertical h\u00e9rit\u00e9. <\/p>\n\n\n\n Elle s’affiche plut\u00f4t dans le format YouTube traditionnel, mais est entour\u00e9 d\u2019un fond noir. Inutile de dire que ce n’est pas toujours id\u00e9al. <\/p>\n\n\n\n De plus, pour le corriger en utilisant Elementor, il y a en fait un autre probl\u00e8me. Celui-ci rel\u00e8ve du widget vid\u00e9o Elementor qui servira \u00e0 l’int\u00e9gration.<\/p>\n\n\n\n Si vous allez simplement dans l\u2019\u00e9diteur Elementor et ajoutez l\u2019URL d’un short Youtube, vous d\u00e9couvrirez que rien ne s’affiche. C\u2019est en fait parce que les shorts de Youtube ont une URL distincte.<\/p>\n\n\n\n Une URL YouTube typique ressemble \u00e0 ceci :<\/p>\n\n\n\n https:\/\/www.youtube.com\/watch?v=<\/strong><\/p>\n\n\n\n Apr\u00e8s la partie \u00ab v=\u00bb se trouve le lien unique de la vid\u00e9o. D’un autre cot\u00e9, l’URL d’un short YouTube ressemble pour sa part \u00e0 ceci :<\/p>\n\n\n\n https:\/\/www.youtube.com\/shorts\/<\/strong><\/p>\n\n\n\n Dans ce cas, le lien unique de la vid\u00e9o apparait apr\u00e8s le \u00ab short\/\u00bb et cela provoque un probl\u00e8me dans Elementor car le widget ne supporte pas nativement les Shorts YouTube. Mais cela peut \u00eatre facilement corrig\u00e9.<\/p>\n\n\n\n Au lieu de cela, il vous faut modifier l\u2019URL Shorts pour qu\u2019elle soit comme une URL normale.<\/p>\n\n\n\n Cela signifie qu’il faut supprimer le \u00ab short\/\u00bb et de le remplacer par \u00ab watch? v=\u00bb. Le tour est alors jou\u00e9, aussi facilement que cela. Maintenant que vous comprenez cela, vous \u00eates pr\u00eat \u00e0 passer \u00e0 l\u2019\u00e9tape suivante.<\/p>\n\n\n\n L’objectif principal est d\u2019afficher les shorts YouTube dans WordPress \u00e0 leurs tailles originales (9:16). Pour ce faire, il vous faut modifier le format du widget vid\u00e9o d’Elementor.<\/p>\n\n\n\n Tout d\u2019abord, rendez-vous dans l\u2019\u00e9diteur Elementor Website Builder. Pour ce faire, il est recommand\u00e9 de travailler \u00e0 partir d\u2019un projet vide. Une fois dans celui-ci, ins\u00e9rez un widget vid\u00e9o dans l\u2019\u00e9diteur.<\/p>\n\n\n\n Une fois qu\u2019il est en place, vous verrez un exemple de vid\u00e9o YouTube appara\u00eetre. Vous verrez \u00e9galement les options pour modifier l’affichage du widget sur le c\u00f4t\u00e9 gauche de celui-ci. Cliquez alors sur l\u2019onglet Style pour personnaliser la configuration.<\/p>\n\n\n\n Par d\u00e9faut, le widget utilise la taille standard de la vid\u00e9o YouTube de 16:9, qui correspond \u00e0 un affichage en format \u00ab\u00a0paysage\u00a0\u00bb. Il faudra donc le modifier. Utilisez le menu d\u00e9roulant pour s\u00e9lectionner l’option 9:16.<\/p>\n\n\n\n La vid\u00e9o sera alors correctement dimensionn\u00e9e pour afficher des shorts. Cliquez sur les onglets Contenu et ins\u00e9rez le court m\u00e9trage YouTube que vous voulez afficher. Assurez-vous d’utiliser l\u2019URL corrig\u00e9e dont nous avons parl\u00e9 \u00e0 l\u2019\u00e9tape pr\u00e9c\u00e9dente et de remplacer \u00ab short\/ \u00bb<\/strong> par \u00ab watch?v=\u00bb<\/strong>.<\/p>\n\n\n\n Vous devriez maintenant voir votre short YouTube pr\u00eat pour l\u2019action. Si vous cliquez sur le bouton de lecture, il devrait s’afficher comme il le ferait sur YouTube.<\/p>\n\n\n\n Maintenant, il est possible qu\u2019il reste un probl\u00e8me \u00e0 r\u00e9soudre: la vid\u00e9o est sans doute longue et volumineuse. Il est possible de r\u00e9gler cela sans plus tarder.<\/p>\n\n\n\n Si vous cr\u00e9ez des shorts r\u00e9guli\u00e8rement, vous en avez sans doute plusieurs. Vous voudrez donc probablement afficher plusieurs shorts c\u00f4te-\u00e0-c\u00f4te sur votre site. Vous pouvez le faire en ajoutant des colonnes \u00e0 votre mod\u00e8le Elementor.<\/p>\n\n\n\n Ce choix r\u00e9duira en fait l’affichage des vid\u00e9os pour s\u2019adapter aux colonnes. Les miniatures ainsi g\u00e9n\u00e9r\u00e9es conserveront le format appropri\u00e9 que vous avez d\u00e9fini.<\/p>\n\n\n\n Pour ce faire, cliquez avec le bouton droit de la souris sur l\u2019ic\u00f4ne de colonnes situ\u00e9 dans le coin sup\u00e9rieur gauche du bloc vid\u00e9o. S\u00e9lectionnez ensuite l\u2019option Ajouter une nouvelle colonne<\/strong>. Il suffit alors d’ajouter le nombre de colonne n\u00e9cessaire pour configurer l’affichage d\u00e9sir\u00e9.<\/p>\n\n\n\n YouTube est une plateforme puissante et extr\u00eamement populaire. Si vous suivez les derni\u00e8res tendances et ma\u00eetrisez la cr\u00e9ation de contenu attrayant, vous pourriez atteindre des millions d\u2019utilisateurs.<\/p>\n\n\n\n Ce tutoriel vise \u00e0 vous montrer qu’il est assez facile d\u2019int\u00e9grer des shorts YouTube \u00e0 un site WordPress. Il suffit d\u2019utiliser votre \u00e9diteur de page pr\u00e9f\u00e9r\u00e9 et de d\u00e9finir le format de la vid\u00e9o \u00e0 9:16. <\/p>\n\n\n\n Si vous utilisez le populaire concepteur Elementor, l’int\u00e9gration est tr\u00e8s simple et rapide. Le processus toutefois est tr\u00e8s similaire en utilisant d’autres constructeurs de pages. Bien que les \u00e9tapes diff\u00e8rent l\u00e9g\u00e8rement, vous pouvez obtenir les m\u00eames r\u00e9sultats avec d\u2019autres plugins.<\/p>\n\n\n\n Nous esp\u00e9rons que cet article vous a plu et vous a aid\u00e9 \u00e0 int\u00e9grer des shorts Youtube \u00e0 votre site WordPress. Si c\u2019est le cas, nous vous invitons \u00e0 consulter nos autres autres articles et tutoriels<\/a>.<\/p>\n\n\n\n N\u2019h\u00e9sitez pas non plus \u00e0 consulter notre\u00a0base de connaissance<\/a>. Vous y trouverez une foule d\u2019articles d\u00e9taill\u00e9s pouvant r\u00e9pondre \u00e0 toutes vos questions web.<\/p>\n\n\n\nQue sont les courts m\u00e9trages YouTube?<\/h2>\n\n\n\n
Comment int\u00e9grer des shorts YouTube dans WordPress<\/h2>\n\n\n\n
\u00c9tape 1 : Installer Elementor<\/h3>\n\n\n\n
\u00c9tape 2 : Comprendre comment int\u00e9grer des shorts YouTube dans WordPress<\/h2>\n\n\n\n
\u00c9tape 3 : Cr\u00e9er des shorts dans Elementor<\/h2>\n\n\n\n
\u00c9tape 4 : Ajouter des colonnes<\/h2>\n\n\n\n
Ajouter des Shorts YouTube \u00e0 WordPress aujourd\u2019hui<\/h2>\n\n\n\n