Cómo insertar vine en entradas de Wordpress

Conteni2 · 3 Feb 2014

Hola compañeros!

¿Existe alguna forma de insertar vines en las entradas de wordpress? No encuentro la forma :s

Lopezito · 3 Feb 2014

http://forobeta.com/tutoriales-de-wordpress/243237-bbcode-insertar-video-vine-wordpress.html :encouragement:

GabrielShiroma · 3 Feb 2014

Hola,

Es todo un tema... ya que creo que hay algo en WordPress que "deforma" el código que te da la opción de embed (más precisamente, el js que tiene que cargar para mostrar el video).

En fin, la solución:

Seguramente ya sabés que para sacar el código para insertarlo en tu sitio tenés que tener la URL del Vine y ponerle /embed (sino, está la opción de embed también).
Por ejemplo:

Insertar CODE, HTML o PHP:

https://vine.co/v/bQX3p7WbpdY/embed

Ahí a la izquierda vas a tener el código que tenés que utilizar que es el siguiente en este caso:

HTML:

<iframe class="vine-embed" src="https://vine.co/v/bQX3p7WbpdY/embed/simple" width="600" height="600" frameborder="0"></iframe><script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>

Y acá viene la cuestión... si pegás ese código así como viene en el post de WordPress teóricamente tendría que funcionar, pero no.

Entonces lo que tenés que hacer es dejar solamente en el post (donde querés que se muestre el video), esta parte:

HTML:

<iframe class="vine-embed" src="https://vine.co/v/bQX3p7WbpdY/embed/simple" width="600" height="600" frameborder="0"></iframe>

Después, el resto del código, o sea este:

HTML:

<script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>

Ponelo, por ejemplo, entre las etiquetas <head> </head> de tu sitio (según mis pocos conocimientos, esto sirve para que se cargue el .js que se utiliza para reproducir el Vine).

Esto lo hacemos así, porque si incluís esa parte en el post, por algo "loco" de WordPress te deforma esa parte del código y no lo carga.

PD: después de agregar eso que te digo en el <head> no lo tenés que agregar más si insertás otros videos (solamente tendrías que poner el <iframe> en tu post.

Espero que te sirva y que nos cuentes si te funcionó.
Un saludo y suerte!

Lopezito · 3 Feb 2014

En resumen, que haga el tutorial que le mandé jaja

http://forobeta.com/tutoriales-de-wordpress/243237-bbcode-insertar-video-vine-wordpress.html

GabrielShiroma dijo:
Hola,

Es todo un tema... ya que creo que hay algo en WordPress que "deforma" el código que te da la opción de embed (más precisamente, el js que tiene que cargar para mostrar el video).

En fin, la solución:

Seguramente ya sabés que para sacar el código para insertarlo en tu sitio tenés que tener la URL del Vine y ponerle /embed (sino, está la opción de embed también).
Por ejemplo:

Insertar CODE, HTML o PHP:

https://vine.co/v/bQX3p7WbpdY/embed

Ahí a la izquierda vas a tener el código que tenés que utilizar que es el siguiente en este caso:

HTML:

<iframe class="vine-embed" src="https://vine.co/v/bQX3p7WbpdY/embed/simple" width="600" height="600" frameborder="0"></iframe><script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>

Y acá viene la cuestión... si pegás ese código así como viene en el post de WordPress teóricamente tendría que funcionar, pero no.

Entonces lo que tenés que hacer es dejar solamente en el post (donde querés que se muestre el video), esta parte:

HTML:

<iframe class="vine-embed" src="https://vine.co/v/bQX3p7WbpdY/embed/simple" width="600" height="600" frameborder="0"></iframe>

Después, el resto del código, o sea este:

HTML:

<script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>

Ponelo, por ejemplo, entre las etiquetas <head> </head> de tu sitio (según mis pocos conocimientos, esto sirve para que se cargue el .js que se utiliza para reproducir el Vine).

Esto lo hacemos así, porque si incluís esa parte en el post, por algo "loco" de WordPress te deforma esa parte del código y no lo carga.

PD: después de agregar eso que te digo en el <head> no lo tenés que agregar más si insertás otros videos (solamente tendrías que poner el <iframe> en tu post.

Espero que te sirva y que nos cuentes si te funcionó.
Un saludo y suerte!

GabrielShiroma · 3 Feb 2014

Lopezito dijo:
En resumen, que haga el tutorial que le mandé jaja

http://forobeta.com/tutoriales-de-wordpress/243237-bbcode-insertar-video-vine-wordpress.html

Son dos formas diferentes

El que proponés tenés que tocar el functions.php y está bueno para experimentar y aprender el uso de shortcodes

. De estas dos formas... ¿Tenés que tener en cuenta si cambiás o actualizas el theme, cierto?
A menos que usés algún plugin o similar que te permita insertar código dinámicamente...

Un saludo.

Lopezito · 3 Feb 2014

GabrielShiroma dijo:
Son dos formas diferentes

El que proponés tenés que tocar el functions.php y está bueno para experimentar y aprender el uso de shortcodes . De estas dos formas... ¿Tenés que tener en cuenta si cambiás o actualizas el theme, cierto?
A menos que usés algún plugin o similar que te permita insertar código dinámicamente...

Un saludo.

PHP:

<?php
/**
 * Plugin Name: BBCodeVine
 * Plugin URI: http://www.lopezito.com/
 * Description: Agrega un bbcode para poder insertar un video de Vine
 * Version: 1.0
 * Author: Lopezito
 * Author URI: http://www.lopezito.com/
 */
function getVine($params, $content = null) { 
extract( shortcode_atts( array('width' => '100%','height' => '750'), $params) ); 
$code = '<iframe class="vine-embed" src="https://vine.co/v/'.$content.'/embed/simple" width="'.$width.'" height="'.$height.'" frameborder="0"></iframe>'; 
return $code; 
} 
add_shortcode('vine','getVine');
function VineScript(){
?>
<script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>
<?php
}
add_action('wp_footer', 'VineScript');
?>

GabrielShiroma · 3 Feb 2014

¿Es un plugin? ¿O tenés hecho un plugin?

No entiendo que me quisiste decir

jaja
Tal vez porque desconozco de como se hacen los plugins y todo eso de WordPress... no soy experto en programación web :S

Henry Valdez · 3 Feb 2014

[MENTION=18661]Lopezito[/MENTION]

PHP:

<?php
/**
 * Plugin Name: BBCodeVine
 * Plugin URI: http://www.lopezito.com/
 * Description: Agrega un bbcode para poder insertar un video de Vine
 * Version: 1.0
 * Author: Lopezito
 * Author URI: http://www.lopezito.com/
 */
function getVine($params, $content = null) { 
extract( shortcode_atts( array('width' => '100%','height' => '750'), $params) ); 
$code = '<iframe class="vine-embed" src="https://vine.co/v/'.$content.'/embed/simple" width="'.$width.'" height="'.$height.'" frameborder="0"></iframe>'; 
return $code; 
} 
add_shortcode('vine','getVine');
function VineScript(){
?>
<script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script>
<?php
}
add_action('wp_footer', 'VineScript');
?>

Solo recomendaría revisar el tamaño que manda por defecto, ya que pone un ancho dinámico y un alto estático. Mejor que sean los dos estáticos. Ofrecería calcular la proporción 16:9, pero los vines no tienen esa proporción. Sería un buen pluggin, te ayudaré a reforzarlo para que abarque todos los sitios de videos.

Lopezito · 3 Feb 2014

HVSombrilla dijo:
[MENTION=18661]Lopezito[/MENTION]

PHP:

<?php /** * Plugin Name: BBCodeVine * Plugin URI: http://www.lopezito.com/ * Description: Agrega un bbcode para poder insertar un video de Vine * Version: 1.0 * Author: Lopezito * Author URI: http://www.lopezito.com/ */ function getVine($params, $content = null) { extract( shortcode_atts( array('width' => '100%','height' => '750'), $params) ); $code = '<iframe class="vine-embed" src="https://vine.co/v/'.$content.'/embed/simple" width="'.$width.'" height="'.$height.'" frameborder="0"></iframe>'; return $code; } add_shortcode('vine','getVine'); function VineScript(){ ?> <script async src="//platform.vine.co/static/scripts/embed.js" charset="utf-8"></script> <?php } add_action('wp_footer', 'VineScript'); ?>

Solo recomendaría revisar el tamaño que manda por defecto, ya que pone un ancho dinámico y un alto estático. Mejor que sean los dos estáticos. Ofrecería calcular la proporción 16:9, pero los vines no tienen esa proporción. Sería un buen pluggin, te ayudaré a reforzarlo para que abarque todos los sitios de videos.

Solo deben editar en:

PHP:

extract( shortcode_atts( array('width' => '100%','height' => '750'), $params) );

nasio · 3 Feb 2014

muchas gracias por el aporte, se agradece!

Henry Valdez · 3 Feb 2014

Sí, lo sé, pero recuerda que es un pluggin, no vienen para ser editados, sino para usarse y ya.

[MENTION=18661]Lopezito[/MENTION]

Lopezito · 3 Feb 2014

HVSombrilla dijo:
Sí, lo sé, pero recuerda que es un pluggin, no vienen para ser editados, sino para usarse y ya.

[MENTION=18661]Lopezito[/MENTION]

En serio, no sabía que era un plugin :distant:

No sé si sabías que agregando: width y height en el bbcode podes editar la medida :drunk:

djjulian · 3 Feb 2014

Se me hace muy raro todo el alboroto, modificando codigos, yo he incluidos vídeos de Vine directamente con el Embed, seguramente hay algo en la plantilla del Wordpress que no se los permite, pero el código de Vine siempre me ha trabajado bien allí.

GabrielShiroma · 3 Feb 2014

djjulian dijo:
Se me hace muy raro todo el alboroto, modificando codigos, yo he incluidos vídeos de Vine directamente con el Embed, seguramente hay algo en la plantilla del Wordpress que no se los permite, pero el código de Vine siempre me ha trabajado bien allí.

Probalo ahora que vas a ver que no te va a dejar... y si lográs hacerlo contanos como es!

Saludos.

djjulian · 3 Feb 2014

GabrielShiroma dijo:
Probalo ahora que vas a ver que no te va a dejar... y si lográs hacerlo contanos como es!

Saludos.

La última vez que lo hice fue acá! Conoce a ?Brazuca? balón oficial de Brasil 2014 » MUNDOASOMBROSO.COM, sin problema alguno!

Henry Valdez · 3 Feb 2014

[MENTION=18661]Lopezito[/MENTION], allá tú y tu sarcarmo, solo te hacía la recomendación para que lo arreglaras en tu blog, pero me da igual si no lo cambias.

djjulian dijo:
Se me hace muy raro todo el alboroto, modificando codigos, yo he incluidos vídeos de Vine directamente con el Embed, seguramente hay algo en la plantilla del Wordpress que no se los permite, pero el código de Vine siempre me ha trabajado bien allí.

Lo que pasa es que por cuestiones de seguridad no puedes insertar iframes ni javascripts en los post de wordpress a menos que seas administrador.

GabrielShiroma · 3 Feb 2014

djjulian dijo:
La última vez que lo hice fue acá! Conoce a ?Brazuca? balón oficial de Brasil 2014 » MUNDOASOMBROSO.COM, sin problema alguno!

:O!

Sí lo veo, aunque es un poco diferente el código.

Sin embargo, estoy sin palabras. Hoy lo probé (como vos dijiste) sacando directamente el código de inserción (embed) de un Vine y no había forma de hacerlo funcionar, no se veía el video (en un post de un WordPress, directamente copiando y pegando).
Ahora lo pruebo, en el mismo blog, con el mismo usuario (administrador) y funciona... :|

La verdad que no sé que habrá pasado (es cierto que usé otro browser y otra pc) pero ¿Cómo puede ser? No le habría dado tantas vueltas al user que dejó la pregunta si hubiera sido tan fácil

En fin... cosas extrañas de la informática.

Un saludo.

Conteni2 · 6 Feb 2014

Pues al final despues de dar mil vueltas y meter codigos no consegui cargarlo... podeis reiros de mi

:welcoming:

djjulian · 6 Feb 2014

HVSombrilla dijo:
[MENTION=18661]Lopezito[/MENTION], allá tú y tu sarcarmo, solo te hacía la recomendación para que lo arreglaras en tu blog, pero me da igual si no lo cambias.

Lo que pasa es que por cuestiones de seguridad no puedes insertar iframes ni javascripts en los post de wordpress a menos que seas administrador.

No lo hice como Administrador, tenía una cuenta para apenas añadir contenido como cualquier redactor...

Saludos

Henry Valdez · 6 Feb 2014

Usando cuenta de administrador, con todos los pluggins desactivados y cambiando de plantilla, sigue sin publicarse?