Ceci est une ancienne révision du document !



Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /homepages/21/d462702613/htdocs/sites_generaux/dokuwiki/inc/parser/handler.php on line 1427

Warning: preg_match(): Compilation failed: invalid range in character class at offset 3106 in /homepages/21/d462702613/htdocs/sites_generaux/dokuwiki/inc/parser/lexer.php on line 118
A PCRE internal error occured. This might be caused by a faulty plugin

====== Via le Raccourci [embed] du noyau ====== * le lien: [[https://codex.wordpress.org/Embeds|Raccourci embed du noyau (Wordpress Codex]] ) * Une excellente explication est [[https://premium.wpmudev.org/blog/embedding-wordpress-oembed/|ce Blog]] * Explique le code à utiliser et ses options * les sites supportés * On notera FaceBook depuis la version 4.7 du noyau * Ils ne parlent pas de Google Photos qui maintenant sont accceptées: ===== Cas d'une Galerie de photos Google ===== * Tout est dans l'extension [[https://fr.wordpress.org/plugins/google-photos-embed/|Google Photo Embed]] * Si le lien de partage de la galerie de photos (personnes disposant du lien) est: * https://goo.gl/photos/3UdK3QKvpjjYS2Zq7 * Alors le code à taper dans l'éditeur est: <code> [embed caption="le titre que je veux donner à mon Album"]https://goo.gl/photos/3UdK3QKvpjjYS2Zq7[/embed] </code> * Un exemple d'utilisation se trouve sur la galerie de Photos * au tout début de [[http://rollersports93.fr/marathon-roller-paris/|L'article CDRS sur le MArathon de Paris]] * au tout début de [[http://rsmontreuil.fr/open-mondial-dijon/|l'article de Josiane sur l'Open Mondial de Roller Artistique à Dijon]] =====NB:===== * Il y a bien d'autres options que ===== Plus d'infos et de parmètres sur [embed] ===== * https://codex.wordpress.org/Embed_Shortcode explique * les options width et height * où trouver le code source * Dans le [[https://premium.wpmudev.org/blog/embedding-wordpress-oembed/|Blog précédent]] ils expliquent comment étendre la liste des url autorisées * ce serait le moyen de faire accepter des photos google e des posts Google+ * est ce que propose l'extension [[https://wordpress.org/plugins/iframely/|iframely de Wordpress]] ? =====Pour les développeurs ===== ====oembed==== * tout s'appuie sur le module [[https://github.com/iamcal/oembed|oembed (PAge GitHub)]] * on notera les fournisseurs actuels notamment [[https://fr.slideshare.net/|SlideShare]]: * [[https://github.com/iamcal/oembed/blob/master/providers/slideshare.yml|configuration oEmbed pour SlideShare]] ====dans Wordpress==== * /home/jpmena/CDRS/wordpress/wp-includes/embed.php ligne 120: <code php> /** * Adds a URL format and oEmbed provider URL pair. * * @since 2.9.0 * * @see WP_oEmbed * * @param string $format The format of URL that this provider can handle. You can use asterisks * as wildcards. * @param string $provider The URL to the oEmbed provider. * @param boolean $regex Optional. Whether the `$format` parameter is in a RegEx format. Default false. */ function wp_oembed_add_provider( $format, $provider, $regex = false ) { if ( did_action( 'plugins_loaded' ) ) { $oembed = _wp_oembed_get_object(); $oembed->providers[$format] = array( $provider, $regex ); } else { WP_oEmbed::_add_provider_early( $format, $provider, $regex ); } } </code> ====== Via le le module iframely ====== * TODO à tester à quoi sert la clé API ? * Tous ces modules sont référencés sous [[https://wordpress.org/plugins/tags/oembed/|le Tag oEmbed de Wordpress]] * Pour l'URL précédente la page https://iframely.com/embed/https%3A%2F%2Fgoo.gl%2Fphotos%2F3UdK3QKvpjjYS2Zq7 génère * le code: <code html> <div style="max-width: 720px;"> <div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 52.5%;"> <iframe src="//cdn.iframe.ly/C9Hpbmj" style="border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;" allowfullscreen> </iframe> </div> </div> </code> * iframely a donc créé un redirecteur avec image d'accueil: * http://cdn.iframe.ly/C9Hpbmj * Et le module capte l'URL initiale pour la remplacer par un appel à cet url!!! * Sous Wordpress, Il génère en affichage le code: <code html> <div class="w"> <a href="https://goo.gl/photos/3UdK3QKvpjjYS2Zq7" target="_blank" class="c" style="background-image: url('//if-cdn.com/pj?url=https%3A%2F%2Flh3.googleusercontent.com%2Fsf66XxKWXB3lQksS9M_l_dxX-JGxViAJDn3qcIka8jKmWqEw5Fg0UW72cgetu5WqM7Z_fVhpQWqZFdLWNuejC_c5xGOkm8oMew9wgEWSJ8n_KhUMT_cuKVuqZxyzy2d2G2Ia3NIfois%3Dw600-h315-p-k&amp;width=1280&amp;key=12b5518211ab8243e0b88d5081aa64fcf95f468b&amp;cache=temp&amp;new=1');"> OPEN MONDIAL DIJON JUILLET 2017 </a> <div class="m"> <a href="https://goo.gl/photos/3UdK3QKvpjjYS2Zq7" target="_blank">Google Photos </a> </div> </div> </code> * IFramely utilise dans la librairie ''wordpress/wp-content/plugins/iframely/js/iframely.js'' * tirée du [[https://github.com/itteco/iframely|projet IFramely sur GitHub]]