Incrustar documento de ISSUU en wordpress.com

issuu-logo

Recientemente realice la maquetación de mi CV es Scribus por el mero placer de hacerlo y también por darle un aspecto más visual y atractivo, después de eso el siguiente paso naturalmente era subirlo  a ISSUU, ISSUU es una aplicación en línea que permite visualizar un documento y está hecho para parecerse lo más posible a una publicación impresa, con un formato que permite la visualización de dos páginas a la vez (como un libro o una revista abiertos) y una vuelta a la página animada.

Una vez subido a ISSUU me enfrente al dilema de distribuir la publicación en otros medios como mi blog en WordPress.com. El problema no es de Issuu sino de las restricciones de seguridad de WordPress.com, que no permite insertar 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.

Nos valdremos del shortcode de Gigya, que si funciona en WordPress.com. Vamos a ver como hacerlo …

Debemos copiar este código

Sustituyendo el valor de “documentId” por el de nuestra publicación que podemos obtener accediendo a la misma y visualizando el código fuente y el valor de “backgroundColor” por el color de fondo que deseemos en hexadecimal.

En mi caso quedo así:

Anotaciones

Obtener documentId de ISSUU

Accedemos a nuestra cuenta de Issuu y abrimos publicación:

01

En la mayoría de los navegadores usando el atajo de teclado CTRL+U podemos ver el código fuente de la página:

02

Ahora que tenemos el documentId (en el ejemplo: “130930150827-5457ba553c7535c2278824440f5ca10a”) lo sustituimos en el código:

gigya src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" allowfullscreen="true" flashvars="mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml&backgroundColor=#666666&showFlipBtn=true&documentId=130705152227-edb1d13e568a4b98e272147522d74278" width="400" height="300"

En el campo documentId (el gigya de arriba código debe estar entre corchetes apertura con [ y ] para cierre) y lo copiamos al post, así es como queda:

Anuncios

5 pensamientos en “Incrustar documento de ISSUU en wordpress.com

  1. Buenas IIker!
    Que parte es exacta la que se tiene que cambiar para que te vaya bién.
    Cómo encuentras a isuu el código fuente??
    Ya me dirás y a ver si podemos hacer funcionar los isuu en nuestro bloc.
    Gracias
    Saludos

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s