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=”http://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="http://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.
No hay comentarios:
Publicar un comentario