Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
embedding [2018/03/11 11:23]
javaskater
embedding [2018/03/11 13:06] (Version actuelle)
javaskater [Cas particulier d'une Galerie de photos Google]
Ligne 20: Ligne 20:
 * Il y a bien d'​autres options que **Caption** pour l'​inclusion (//​Embedding//​ en anglais) de notre contenu Google Photos dans notre article * Il y a bien d'​autres options que **Caption** pour l'​inclusion (//​Embedding//​ en anglais) de notre contenu Google Photos dans notre article
    * Elles sont toutes décrites sur [[https://​fr.wordpress.org/​plugins/​google-photos-embed/​|La page principale de l'​extension]]    * Elles sont toutes décrites sur [[https://​fr.wordpress.org/​plugins/​google-photos-embed/​|La page principale de l'​extension]]
-===== Cas particulier d'un autre site WEB: ===== 
  
 +====== Cas particulier d'un autre site WEB: ======
 +* [[https://​wordpress.org/​plugins/​iframe/​|L'​extension IFRame pour Wordpress]] ​
 +* Nous permet simplement d'​inserer le contenu d'une page d'un autre site Web dans notre article / page en cours d'​édtions:​
 +==== Exemple concret ====
 +* L'​article [[http://​rsmontreuil.fr/​quand-fanfan-fait-passer-la-roue-bleue-a-une-future-bef-derby/​|Passage de la roue bleue à la RAndonnée Sportive]]
 +  * fait appel en fin d'​article à  [[http://​randosportiversm.blogspot.fr/​2018/​02/​doriant-1302-dernier-avant-les-vacances.html|la page correspondante du Blog Note de la Randonnée Sportive]]
 +* Au niveau du code de rédaction de l'​article (onglet //Visuel//) cela se traduit simplement par
 +<​code>​
 +[iframe src="​http://​randosportiversm.blogspot.fr/​2018/​02/​doriant-1302-dernier-avant-les-vacances.html"​]
 +</​code>​
 +* Bien sûr le code **iframe** peut être enrichi de nombreuses options:
 +  * ici nous utilison juste l'​option (obligatoire) **src** qui sert à pointer vers la page Web que l'on veut insérer dans notre page/​article
 +  * toutes les options disponibles sont indiquées sur [[https://​wordpress.org/​plugins/​iframe/​|la page d'​accueil de l'​extension]]
  
 +======Cas particulier d'un ou d'une liste de Posts Facebook======
 +* Grâce à l'​extension [[https://​fr.wordpress.org/​plugins/​custom-facebook-feed/​|Custom FaceBook Feed]]
 +  * Nous pouvons insérer un post ou un Feed d'une page FaceBook dans notre article
 +===== Prérequis =====
 +* Pour un Flux: la page FaceBook doit être publique
 +* Pour un Post: le post en question doit être public !!!
 +
 +===== Affichage d'un flux FaceBook =====
 +* Un cas concret est donné par [[http://​rsmontreuil.fr/​marathon-roller-paris/​|l'​article RSM sur le MArathon de PAris]]
 +  * vers la fin duquel on affiche les derniers posts de [[https://​www.facebook.com/​parisrollersmarathon/​|la page FaceBook parisRoller MArathon]]
 +  * On note que l'URL de cette page (**https://​www.facebook.com/​parisrollersmarathon/​**) ce termine par **parisrollersmarathon**
 +* c'est lui l'​identifiant FaceBook de notre page qui va nous servir dans le code à insérer dans l'​éditeur
 +* Au niveau du code de rédaction de l'​article (onglet //Visuel//) cela se traduit simplement par
 +<​code>​
 +[custom-facebook-feed id=parisrollersmarathon num=3]
 +</​code>​
 +* Ici on utilise les 2 options suivantes
 +  * **id** pour spécifier via l'​identifiant précédent à quel flux Facebook on se rattache
 +  * **num** pour régler le nombre de posts (version résumée) que l'on veut voir afficher sur notre page
 +* Ces informations (et d'​autres encore) sont sur [[https://​fr.wordpress.org/​plugins/​custom-facebook-feed/​|la FAQ présente sur la page d'​accueil du module]] ​
 +
 +===== Affichage d'un Post/​Photo/​Video FaceBook =====
 +* Ici pas besoin d'​extension particulière !!!!
 +* On copie l'URL (adresse Web) du Post/​Photo/​Vidéo en question ​
 +  * aller  sur le Post/​Photo/​Vidéo en question trouvez ​ l'​option de partage par lien
 +  * récupérer le lien public en question
 +* On Ajoute **Media via URL** (Ajouts de médias au niveau de l'​éditeur) comme dans le cas d'une Vidéo YouTube ou Viméo