Issuu en WordPress.com

Quizás ya hayas utilizado el servicio de Issuu para ofrecer publicaciones online al estilo periódico, si no es así te lo recomiendo, incluso con la versión gratuita tienes una presentación de tus documentos muy profesional.

Entre sus virtudes está la principal de reformatear tus documentos para ofrecer una publicación electrónica, y lo hace muy bien, pero además te permite insertar el reproductor en cualquier sitio web … salvo en WordPress.com.

Pero el problema no es de Issuu sino de las restricciones de seguridad de WordPress.com, que no permite inserta códigos ‘embed‘ por motivos de seguridad, ofreciendo ‘shortcodes‘ para multitud de servicios y que así puedas compartir contenido dinámico de este tipo de servicios. Pero vaya, que no tiene shortcode para Issuu.

No te preocupes, puedes hacer un apaño que funciona de maravilla, es un poco engorroso pero funcionar funciona. Nos valdremos del shortcode de Gigya, que si funciona en WordPress.com. Vamos a ver como hacerlo …

Cuando quieres compartir un documento de Issuu te ofrece un icono con este aspecto, <>, que si le pulsas te ofrece multitud de posibilidades de incrustación. Pues bien, eliges el HTML y copias el código, te ofrecerá algo así:

<div><object style="width:420px;height:297px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=110414131840-77b82a3dbd684b858b7dcef45f952183&amp;docName=programa_electoral_upyd_c-villalba&amp;username=UPyD_Collado_Villalba&amp;loadingInfoText=Programa%20Electoral%202011%20UPyD%20Collado%20Villalba&amp;et=1302793320416&amp;er=9" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed src="https://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:420px;height:297px" flashvars="mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=110414131840-77b82a3dbd684b858b7dcef45f952183&amp;docName=programa_electoral_upyd_c-villalba&amp;username=UPyD_Collado_Villalba&amp;loadingInfoText=Programa%20Electoral%202011%20UPyD%20Collado%20Villalba&amp;et=1302793320416&amp;er=9" /></object><div style="width:420px;text-align:left;"><a href="http://issuu.com/UPyD_Collado_Villalba/docs/programa_electoral_upyd_c-villalba?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true" target="_blank">Open publication</a> - Free <a href="http://issuu.com" target="_blank">publishing</a> - <a href="http://issuu.com/search?q=politica" target="_blank">More politica</a></div></div>

 

Pues bien, lo que tienes que hacer es insertar el ‘shortcode‘ de gigya y añadirle lo que he resaltado en rojo, de este modo:

[gigya src="https://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowfullscreen="true" flashvars="mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=110414131840-77b82a3dbd684b858b7dcef45f952183&amp;docName=programa_electoral_upyd_c-villalba&amp;username=UPyD_Collado_Villalba&amp;loadingInfoText=Programa%20Electoral%202011%20UPyD%20Collado%20Villalba&amp;et=1302792605642&amp;er=28" width="420" height="291" ]

 

La parte final del tamaño es personalizable a tu gusto.

Y ya lo tienes, funcionará a la perfección, como puedes ver en esta entrada donde lo he aplicado.

Por supuesto, en WordPress alojado no necesitas ningún truco, simplemente insertas el código que te ofrece, como cualquier otro sistema de incrustación de contenido.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

31 comentarios en “Issuu en WordPress.com”

  1. Hola

    no entiendo exactamente el contenido que muestra tipo periodico, te refieres al contenido del blog?? Por cierto enhorabuena por tu candidatura y suerte.

    Salu2

  2. Gracias por la información, me ha venido genial para poder realizar en wordpress el programa de Marbella. Vamos a dar la sorpresa en muchos lugares de España

  3. Hola, he pegado el código tal y cómo indica ahí, pero me sale un mensaje de
    error cuando lo previsualizo: “can’t load the document. It may have been
    changed by the publisher or there’s a connections problem on your end”

    Lo que he hecho ha sido pegar el código tal cual en nueva la entrada, desconozco si hay que poner alguna etiqueta tipo o algo así…? Lo he provado tanto en el modo visual como html…

    [gigya el código en rojo que indica width="420" height="291" ]

    No sé si alguien puede ayudarme,

    gracias!

  4. Soledad Ríos

    Mi pregunta es al siguiente: este metodo también sirve para los blogs de wordpres que se alojan en un servidor propio (wordpress.org) ? o en ese sistema si puedo usar un codigo directo de issuu?

  5. Editor QMP Blog

    hola, sabes que tu post me ha servido ya que de no poder publicar nada, ahora puedo publicar, pero me publica la página completa del issuu? me podrías ayudar u orientarme para seguir? mil gracias, este es mi link con problemas: http://quemepongoblog.wordpress.com/profile/

  6. Hay trate juro que trate, estoy hace un dia tratando de lograrlo, disculpen todo esto en nuevo para mi, a ver si entiendo. Copio el codigo html, depues borro lo que esta en rojo en el primer recuadro agrego el gigya con lo que borre antes y listo? no me esta funcionando que hago mal?

  7. Jaime Pascual Trigueros

    Yo llegue hasta aquí buscando una solución, pero isuu ya permite usarse en wordpress mediante iframe.

    Para el que llegue a esta página, solo tienes que hacer check en la casilla que pone: poder usar isuu en wordpress…. y similares

    Funciona 100%

  8. Hola, no funciona para mi. Lo que aparece és «Open publication – Free publishing – More babybel» .
    Que devo hacer?

  9. Hola me parece genial lo que comentas pero aun sigo teniendo un problema los códigos para incrustar ahora son muy cortos, y me causa problema porque no se que es lo que procede
    ¿ podrías ayudarme?
    este es el código

  10. Hola me parece genial tu explicación, pero tengo un problema, los códigos para incrustar ahora son muy cortos y no se que hacer.

    ¿ podrías ayudarme?

    este es el código

    1. Emanuel Darío Cuello

      solo tienes que obtener el id del documento, hoy en día cambiaron los códigos, pero hay una única manera de obtener el id y es compartiéndolo con Facebook, cuando pones compartir debes copiar de la barra de direccion de la ventana emergente lo que sigue a «Fimage.issuu.com%2F» hasta el proximo «%», ese es el id del documento.

      1. Mi codigo embed es:

        y mi iframe es:

        como puedo hacer? son codigos distintos y lo del ID no me funciona, me sale Fissuu.com%2F, no Fimage.issuu como tu pones

        ayudaa por favor

  11. hola, me he creado una cuenta en ISSU como editor, pero a la hora de entrar, meto el correo electrónico y la contraseña pero me dice que nos vemos en el otro lado y no hace nada más…alguien me puede decir porque no puedo entrar…

  12. Hola Fernando
    Tengo un sitio wordpress con el tema Divi, he pegado el codigo de ISSUU y el resultado es solo texto, no aparece el documento pdf. Si lo pego en otro wordpress con otro tema instalado, alli si funciona correcto.

    1. Acabo de probarlo en un módulo de texto de Divi y funciona perfectamente, tanto en el constructor como con el tema, debe ser algún plugin que está interfiriendo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido