3DFlipBook
3DFlipBook es un plugin instalado para incorporar documentos en pdf mediante un elegante visor html5.
Pasos para crear un documento:
- Selecciona en el menú de la izquierda 3D FlipBook, y elige «Crear nuevo»
- En Source, elige la opción «PDF Files», pulsa en «Select pdf» y sube el fichero pdf que quieres insertar,
- Asigna a la categoría 2018 y guarda
- Abre el informe y el lugar en el que quieras insertar el visor selecciona en el editor el botón de F3DFlipBook.
- Selecciona el flipbook que corresponda, Ajusta los valores y guarda.
Google Drive
Integrar documentos desde Google Drive
Para integrar un documento desde Google Drive debemos seguir los pasos siguientes:
- Una vez abierto el documento hay que lanzarlo otra vez mediante la opción “Abrir en una ventana nueva”.
- Aquí seleccionamos la opción “Insertar elemento” para recuperar el código de embeber.
Un ejemplo:
Visor Flowpaper integrado
Flowpaper es un visor de pdf que se encuentra ya integrado, a través de un plugin, en el gestor de wordpress que utilizamos.
Sólo podemos incluir ficheros pdf. En caso de que queramos incluir otro tipo de ficheros, ver las opciones alternativas de este tutorial.
Pasos para integrar un pdf
- Haz clic en el enlace a “Medios” del menú lateral de WordPress.
- Sube el documento pdf. (No debe superar los 15 Mb)
- Haz clic en el documento subido y copia la URL del fichero pdf ya subido al servidor.
- En tu reportaje o informe, incluye el siguiente shortcode: [flipbook pdf=”http://full-url/document.pdf”] Sustituye la ruta por la del pdf que has copiado anteriormente en la librería de medios.
Parametrizar la presentación del visor
El visor permite incluir ciertos ajustes incluyendo algunos parámetros en el shortcode:
- pdf – source of the PDF you want to embed: [flipbook pdf=”http://flowpaper.com/example.pdf”];
- width – width in pixels or in percents: [flipbook width=”100%”]or [flipbook width=”600”]; by default width=”100%”;
- height – height in pixels: [flipbook height=”500”]; by default height=”500″;
- theme – sets the theme for the viewer: [flipbook theme=”light”]; “dark” by default;
- header – sets the header for the viewer: [flipbook header=”Custom Header”]; “Loading viewer …” by default;
- title – sets the title for the viewer: [flipbook title=”Custom Title”]; taken from the PDF by default;
Importante
Los pdf que utilicemos no pueden superar los 15 MB. En cualquier caso, hay diferentes formas de optimizar el pdf para que no supere ese tamaño. Si lo hace, siempre tenemos la opción de subirlo al servicio web de Flowpaper, pero esta debe ser una solución sólo en el caso de que, tras haber probado a optimizar el documento en pdf, efectivamente sea imposible no superar esos 15 MB.