Cómo embeber un catálogo en tu WordPress
Hace tan solo una semana nuestros amigos de Joyería Relojería Miguel, nos dieron las pautas para crear una cuenta y una pequeña guía sobre como usar Issuu (enlace aquí) para subir catálogos en PDF a nuestra web, pagina o post, en esta ocasión nos hablan de como embeber o insertar el código en tu WordPress.
Los Issuu se pueden incrustar en distintos tipos de gestores de contenidos o redes sociales pero, en mi caso, lo utilizo sólo y exclusivamente en WordPress. Una vez que acabas de publicar, Issuu te da la oportunidad de difundirlo directamente al resto del mundo. Para ello, existe una sección llamada “Compartir” que te da funciones básicas sobre cómo postearlo a través de Facebook, Twitter, etc.
WordPress ya posibilita visualizar los archivos PDF utilizando el enlace directo. Solo tienes que copiar y pegar el enlace en la entrada o página que te interesa y ya está. Pero esto tiene dos grandes inconvenientes. Por un lado, no puedes “personalizar” la apariencia del pdf y, por otro, el archivo no es “responsive”, es decir, no se adapta a los dispositivos móviles, por lo que desborda en pantalla.
Para lo primero, sólo hay que pulsar en “Inscrustar” y se despliega un cuadro nuevo en el que eliges varias formas estándar de maquetación: tamaño de la publicación, número de páginas vistas, color de fondo…etc.
Toda esta información se concentra en un código de incrustación, un iframe. Así pues, sólo queda copiar el iframe completo en tu entrada o página, en versión texto, no visual, y dar al botón publicar. ¡Listo!
Para el segundo problema que tienen los Issuu en los actuales dispositivos, la solución me la dio mi informático de cabecera, Luis Gordo de glinformatica.es, cambiando un valor dentro del código de incrustración.
El iframe que genera Issuu tiene un parámetro -width- y otro -height-. El truco está en quitar el valor de -width- y sustituirlo por “99%”
Iframe Issuu original
<iframe width=»525″ height=»1299″ src=»//e.issuu.com/
embed.html#6592820/11578403″ frameborder=»0″ allowfullscreen></
iframe>
Iframe Issuu modificado
<iframe width=“99%» height=»1299″ src=»//e.issuu.com/
embed.html#6592820/11578403″ frameborder=»0″ allowfullscreen></
iframe>
Espero que todo lo expuesto aquí os sirva de ayuda para utilizar Issuu de forma práctica y rápida. Por hoy ya es suficiente, así que espero que nos veamos pronto en otra ocasión que los dueños de la Isla me dejen 😉
María José Fernández Fernández
Responsable de Marketing online de la Joyería Relojería Miguel