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&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true&documentId=110414131840-77b82a3dbd684b858b7dcef45f952183&docName=programa_electoral_upyd_c-villalba&username=UPyD_Collado_Villalba&loadingInfoText=Programa%20Electoral%202011%20UPyD%20Collado%20Villalba&et=1302793320416&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&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true&documentId=110414131840-77b82a3dbd684b858b7dcef45f952183&docName=programa_electoral_upyd_c-villalba&username=UPyD_Collado_Villalba&loadingInfoText=Programa%20Electoral%202011%20UPyD%20Collado%20Villalba&et=1302793320416&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&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&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&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true&documentId=110414131840-77b82a3dbd684b858b7dcef45f952183&docName=programa_electoral_upyd_c-villalba&username=UPyD_Collado_Villalba&loadingInfoText=Programa%20Electoral%202011%20UPyD%20Collado%20Villalba&et=1302792605642&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.
¿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. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)
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
Quizá no me expliqué bien, y es que esto lo usan muchos digitales. Me refiero a que lo pagina a doble página y esas cosas.
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
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!
Yo lo he usado como lo explico y me funciona
Yo lo he usado como lo explico y me funciona
Yo lo he usado como lo explico y me funciona
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?
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/
Tendrás que revisar el código, algo habrás cerrado mal seguro
excelente, tu aporte me ayudo atrabaar con mas recursos gracias, desde maracaibo venezuela
Excelente aporte! Me ha servido de gran ayuda.
Buenísimo. Algo engorroso pero funciona. Lo que cuesta vale 🙂
hola me gustaria saber como puedo eliminar la publicacion de issuu agradezco una respuesta oportuna
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?
Buenas tardes, he seguido al pie de la letra sus instrucciones y no consigo ver a revista. Éste es el código HTML que me da issuu
Open publication – Free publishing – More comenius
No te entendí bien, podrías ser más específico y paso por paso, por favor.
No te entendí bien, podrías ser más específico y paso por paso, por favor.
Al subir un pdf en issuu me da error en upload. ¿Qué puedo hacer?
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%
Toda la razón, el nuevo incrustador de Issuu ya ofrece iframes para WordPress.org, pero NO para wordpress.com, ahí sigue la misma limitación
Hola, no funciona para mi. Lo que aparece és «Open publication – Free publishing – More babybel» .
Que devo hacer?
Genial!!! Muchas gracias!!! sale de maravillas
Un saludo
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
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
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.
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
Hola, sabes si con Yumpu (que es similar a Issuue) se puede hacer lo msimo? Gracias.
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…
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.
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.