PDF incrustado en WordPress

Implementador WordPress
Implementador WordPress
PDF incrustado en WordPress
Loading
/

En abril del año pasado, compartí un episodio con este mismo titulo. Esa vez te explicaba como hacerlo con Google Drive. Pero entre una cosa y la otra encontré una forma mas sencilla de hacerlo… Y como es lunes… Y va de básicos. Hoy vemos como mostrar un PDF dentro de un post/página en tu web.

PDF incrustado en WordPress
  • Uno de los principales pilares de WordPress
  • Son sus plugins
  • Los plugins nos permiten convertir un simple blog en lo que nosotros necesites:
    • Una tienda
    • Una academia online
    • Un membership site
  • Y es tan fácil como instalar/activar
    • Hacer la puesta a punto del plugin
    • ¡Y ya lo tenes!
  • Pero… No todo es plugin
  • De hecho este jueves en el directo
    • Vamos a crearnos un “plugin de funcionalidades”
    • Y agregaremos código para quitar la barra de WordPress
  • ¿No hay plugin para esto?
  • ¡Claro que si!
  • Pero ese es el punto
  • Para ciertas cosas
  • Muy puntuales
  • Es mejor tomar una porción de código
    • Añadirlo en tu plugin de funcionalidades
    • ¡Y ya tenes resuelto!
  • ¿Necesitas ser programador para hacer esto?
  • No, pero es buena idea leer un poco mas sobre las funciones antes de copiar/pegar
  • En la mayoría de post donde se publican “snippets”
  • Dan una pequeña descripción o explicación sobre el código…
    • Lo que hace
    • Lo que no hace
  • Un detalle que es importante
  • Si te encontras un trozo de código
    • Puede ser que te digan que es necesario
    • Añadirlo en el functions.php de tu theme
    • Esto es un error
    • Lo ideal es ponerlo en el functions.php del child theme de tu theme
    • O en un plugin de funcionalidades
    • ¿No sabes cómo se hace esto?
    • El jueves en el directo te enseño como se hace 😀
  • ¿Y el PDF?
  • Ahora vamos…
  • Para mostrar un PDF en un post o página solo vas a necesitar copiar y pegar:
<embed src="https://tudominio.com/archivo.pdf" type="application/pdf" width="100%" height="930px">
  • Esto no es necesario ponerle en ningún plugin
  • Ni en ningún archivo .php
  • Es HTML solo de copiar/pegar
  • Y personalizar
  • Antes de hablar sobre personalizar
  • Es importante saber que el archivo lo podes subir en tu Biblioteca de medios y copiar la URL
    • O podes subirlo por SFTP
    • Te recomiendo si son varios archivos
    • Crearte una carpeta /pdfs/
    • o archivos
    • Y subir ahí tus PDF
    • Al subirlo tendrás una URL en la que se muestra tu PDF
    • Esa URL es la que vas a usar en lugar de
    • https://tudominio.com/archivo.pdf
  • En este pequeño código
  • Se usa el atributo embed src
    • El cual se usa para incrustar un archivo externo
    • En este caso le decimos que es un PDF: application/pdf
    • Especificamos el ancho: 100%
    • Y el alto: 930px
  • ¿930px?
  • Este es el alto perfecto para mostrar completo un archivo de tamaño carta
  • Si tu PDF es un presentación “mas corta”
  • Le quitas px y vas viendo el tamaño correcto para vos

Yo se que este tipo de episodios, son un poco complejo para los que van comenzando con WordPress y a manipular código. Ya que el directo va de código lo podríamos poner a punto en un plis! plas! Antes de comenzar. Para que veas lo fácil que es… Así que anota en tu agenda: Jueves 21 a las 13 SV en avalos.sv/directo

Si querés ponerte en contacto conmigo, podes escribirme en mi Formulario de contacto aquí en la web 😉

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *