Ajouter des médias sous WordPress

WordPress aime les médias et ils le lui rendent bien ! On peut quasiment tout insérer dans WP, voici un petit tutoriel sur l’ajout des différents médias (son, image, vidéo, …) dans WordPress.

 

Ajouter une image

Le basique et le plus simple, ajouter une image dans un post WordPress cela se fait en un clic depuis votre éditeur.

 

Il faut ensuite sélectionner l’image, soit sur votre PC, soit directement dans votre bibliothèque Médias. Remplir correctement les champs titre, légende (si besoin), le texte alternatif et une description de l’image. Enfin les réglages de l’affichage tels que l’alignement, le lien lorsque l’on clique sur cette image et enfin la taille (miniature, moyenne, grande ou taille originale).

---

 

Ajouter une galerie avec WordPress

La galerie image WordPress a grandement évolué avec les dernières versions de WordPress. Il est désormais très simple d’en ajouter et de prévisualiser le résultat dans votre éditeur de texte.

 

Une fois les fichiers sélectionnés, il ne vous reste plus qu’à définir le lien (vers où doivent pointer ces images), les classer (choisir leur ordre), le nombre de colonnes et si elles doivent apparaître dans un ordre aléatoire.

 

Voici le rendu de la galerie WordPress native, sur 3 colonnes avec description d’image et pointant vers le fichier média attaché.

---

 

Ajouter une vidéo dans WordPress

Rien de plus simple, WordPress sait parfaitement gérer les vidéos et les liens raccourcis de YouTube, Vimeo et consorts.

Ouvrez un compte sur la plateforme de votre choix, importez-y votre vidéo puis copiez le lien si vous souhaitez afficher la vidéo sur toute la largeur utile (image 1), ou utilisez le code d’intégration pour définir une taille personnalisée (image 2) et ajoutez l’iFrame.

Pourquoi utiliser les services tiers comme Youtube ou Vimeo, simplement pour ne pas manger toute votre bande passante… En attendant voici un exemple de vidéo YouTube insérée:

https://youtu.be/OcVIOdREpEk

---

 

Ajouter du son sous WordPress

Envie d’ajouter de la musique (si vous avez les droits;), des tutos audio, etc… WordPress sait faire et vous offre même un lecteur intégré.

Uploadez simplement le fichier son dans votre bibliothèque WordPress et insérez le, cela devrait donner ce type d’aperçu:

---

 

Ajouter un PDF dans WordPress

Toujours aussi simple, il vous suffit d’uploader le PDF dans votre bibliothèque et de le sélectionner via "Ajouter un média". N’oubliez pas lors de l’ajout de le lier au "fichier média". Lorsque l’internaute cliquera dessus, son navigateur ouvrira une nouvelle fenêtre affichant ainsi le PDF.

Ce qui vous donne ceci : Voir le programme des Formations 2014
Bien sûr, rien ne vous empêche de faire la même opération mais cette fois avec une image pointant vers le PDF, comme illustré ci-après:

---

 

Ajouter une carte Google Maps

Très souvent utilisée sur les pages contact, la carte google maps affiche un plan interactif sous WordPress.

Pour ajouter cette carte, rendez-vous sur Google Maps, tapez votre adresse, ouvrez le module d’intégration et sélectionnez l’iFrame que vous ajouterez directement depuis votre éditeur WP en mode texte.

Vous pouvez bien sûr choisir la taille, à noter que vous pourrez ultérieurement modifier les paramètres "height", "width", "frameborder", etc… pour plus de personnalisation, ce qui vous donnera ceci:

---

 

Ajouter un Tweet

Il est parfois nécessaire d’insérer un tweet dans l’un de nos articles WordPress. Là encore WP sait le faire! Il vous suffit juste de copier le lien du tweet et de le coller dans votre éditeur.

Pour plus de personnalisation, vous pouvez aussi utiliser la fonction d’intégration: via Twitter sélectionnez le tweet de votre choix, cliquez en bas à droite de ce dernier sur les 3 petits points (plus) puis sur "insérer le Tweet".

Simple et très facile, vous pouvez également centrer ce tweet en insérant avant et après le code fourni la balise "center". Voici le résultat obtenu:

 

Vous connaissez déjà #WordPress mais vous voulez aller plus loin ? http://t.co/L19F4vB0Rd pic.twitter.com/gh42uBOVKU

— WPFormation Ⓦ (@wpformation) 12 Juin 2014

---

 

Ajouter une publication Facebook

Même utilisation que pour Twitter, Facebook propose aussi l’intégration de posts dans vos articles.

Rendez-vous sur Facebook, en haut à droite de chaque publication vous verrez un check, cliquez sur "intégrer la publication" et copiez le code fourni en spécifiant, si vous le souhaitez, la largeur en px.

Votre publication Facebook devrait ensuite s’afficher sur votre WordPress.

 

---

 

Ajouter un post Google+

On continue avec les réseaux sociaux, Google Plus propose également sa fonction d’intégration.

A l’instar de Facebook, cherchez le check en haut à droite du post Google+ à intégrer, cliquez et sélectionnez "intégrer le post", copiez le code fourni puis insérez-le dans votre éditeur WordPress en mode "texte".

Voici l’exemple d’une intégration de post Google+ dans un article:

---

 

Ajouter une présentation SlideShare

Il est parfois intéressant d’afficher dans WordPress, une présentation PowerPoint ou un PDF, dans ce cas là Slideshare est fait pour vous! Il vous suffit de copier le lien de la présentation et de le coller dans votre éditeur.

Pour plus de personnalisation, vous pouvez aussi utiliser la fonction d’intégration:

Ouvrez un compte sur Slideshare, ajoutez votre présentation puis depuis cette dernière, cliquez sur "intégrer" et copiez l’iFrame fourni. Ce qui vous donnera:

---

Cette petite checklist non exhaustive de quelques uns des médias que l’on peut ajouter très simplement dans WordPress, est terminée.

Voici d'ailleurs ci-dessous un tableau récapitulatif de tous les formats "oEmbed" (ou il suffit d’insérer l’URL) pris en charge par WordPress (source: codex WordPress)

 

 

Bien sûr, tous n’ont pas abordés dans cet article et certains ne sont pas à proprement parlé de purs médias.

Quoiqu’il en soit, vous savez désormais que WordPress est capable d’afficher de très nombreux éléments dans ses posts comme dans ses pages;)