Cómo mostrar archivos PDF y otros en WordPress
Para mostrar los archivos doc, docx, pdf, pptx, txt, xlxs, etc... en WordPress el código que hay que poner en HTML es el siguiente:
<iframe style="width: 70%; height: 400px; border: none;" src="https://docs.google.com/gview?embedded=true&url=https://labarta.es/wp-content/uploads/2019/08/CSS-3-Cheat-Sheet.pdf"></iframe>
<iframe style="width: 70%; height: 400px; border: none;" src="https://docs.google.com/viewer?embedded=true&url=https://labarta.es/wp-content/uploads/2019/08/CSS-3-Cheat-Sheet.pdf"></iframe>
El texto en rojo es el que debes sustituir por tu URL del documento.
La única diferencia entre estas dos versiones de iframe está en que en la primera se usa "gview" y en la segunda "viewer", las dos de momento funcionan igual.
Puedes usar una de las dos y te sirve para cualquier tipo de documento: doc, docx, pdf, pptx, txt, xlxs, etc...
También puedes cambiar los valores "width" y "height" para que se adapten mejor a tu página y si quieres poner un marco cambia "border:none;" por "border:solid;".
Si no puedes ver los documentos es posible que la carpeta donde los tengas guardados no sea accesible al público en general.
La carpeta "uploads" de WordPress en algunos casos tiene su acceso protegido.
Puedes crear una nueva carpeta y darle los permisos de lectura necesarios.
Pero una muy buena opción es subir tus documentos a "Google Drive" y con el ID del enlace de compartir crear tu propia iframe.
Obtienes la url para compartir en este ejemplo: https://drive.google.com/open?id=1GEMY4QAUOsGunCKz8eP9fTsor-TIedqS
y copias en esta iframe solo la ID.
Aquí tienes un ejemplo:
<iframe src="https://drive.google.com/file/d/....aquí..../preview" width="100%" height="400px"></iframe>
<iframe src="https://drive.google.com/file/d/1GEMY4QAUOsGunCKz8eP9fTsor-TIedqS/preview" width="100%" height="400"></iframe>
Y lo mejor de hacerlo de esta forma es que te evitas sobrecargar tu sitio web, en este caso el pdf es de 4,29 Mb. (pero imagina un pdf de 500 páginas o más).
Si te ha gustado este artículo, por favor, comparte - Gracias -