Entre Códigos


El blog de Rubén Cantón

Reflexiones de un cerebro en fuga y artículos sobre posicionamiento, e-marketing, usabilidad y otros tecnicismos.

greyimg

Insertar archivos PDF en tus posts de Wordpress

Escrito por Ruben Cantón el Thursday, 19 de March del 2009
Más del mismo tema: blog, taller

Hoy me siento como Kristian Pielhoff, presentador de Bricomanía, y me he decidido por realizar un tutorial sobre la inserción de archivos PDF en nuestro blog en wordpress. Aviso que las opciones que voy a mostraros podrían no coincidir si no tenéis instalada la versión 2.7.1 de wordpress.

Publicar archivo PDF

Lo primero de todo es ver cómo incluir de forma sencilla un archivo PDF para descargar en nuestro blog. Pues bien, esto es muy sencillo, rápido y económico. En el menú de escritura del post seguramente habremos observado las siguientes opciones en la parte superior, justo donde pone “Add media“:

opciones

La primera de ellas, “Add an image“, la hemos usado más de una vez, pero la última, “Add media“, puede resultarnos algo confusa y por ello no llegamos a utilizarla. Pues bien, es precisamente esa opción la que debemos utilizar.

Veréis que el menú para insertar un archivo (en este caso un PDF) es muy similar al que permite subir imágenes. Utiliza el campo “Título” para establecer el texto del enlace. Sólo dos apuntes: Si ves que el menú no te funciona haz click en “Try the Browser uploader instead“. Además, asegúrate de tener permisos de escritura en el servidor para poder subir archivos, si no los tienes no podrás subir ni imágenes, contacta con tu administrador de sistema y pídele que te de permisos.

PDF con icono

Para que nuestro enlace al PDF tenga un icono descriptivo del tipo de archivo que se va a encontrar el usuario podemos subir una imagen pequeñita y ponerla manualmente al lado del enlace, pero también tenemos el plugin Custom thumbnails.

Tras instalar el plugin, tenemos la opción de publicar PDFs con icono siguiendo estos pasos:

  1. Sube el archivo PDF igual que antes, a través de la opción Add media. No lo insertes en el post aún.
  2. Sube la imagen a usar de icono, no publiques nada aún.
  3. Observa que el menú de Add Media tiene 3 pestañas, accede a la pestaña “Media Library”.
  4. Busca la imagen tamaño icono que has subido y presiona “Show“.
  5. Ahora, en “Parent Item“, puedes seleccionar un “Archivo padre”, de forma que ese archivo se linkará con ésta imagen como icono.
  6. Existen varias opciones de presentación en función de si rellenas el campo Caption o no, pero te recomiendo dejar ese espacio en blanco y presionar “Insert into post
  7. Tras eso ya tenemos todo montado, pero nuestro icono no tiene texto. Ahora vamos al modo de edición en HTML y justo al cierre del enlace (justo antes de la etiqueta </a>) incluimos nuestro texto.

Éste es el resultado:

Descargar archivo PDF.

Opción externa

Una última opción es utilizar un servicio gratuito para subir PDFs y enlazar la ruta del archivo, ésta alternativa puede ser útil si queremos ahorrarnos ancho de banda. Por ejemplo: Free Online PDF viewer

Ya hay 14 comentarios. ¡Falta el tuyo!

Escríbe aquí tu opinión

Nombre (necesario)

Email (no se mostrará)

Web (opcional)

mygif
April 21st, 2009 at 11:26 pm

Muchas gracias, era lo que estaba necesitando justamente ahora. Cabe la aclaración, si te sirve: encontré rápidamente esta página y como primer resultado a través de google colocando como argumento: “como colocar un un archivo .pdf en un blog wordpress”. Un saludo desde Argentina de un tester software amigo.

mygif
April 22nd, 2009 at 9:31 am

Gracias, siempre alegra saber que mis estrategias SEO dan buenos resultados :)

Por otro lado, me has permitido darme cuenta de un error, ¡¡puse Micromanía en vez de Bricomanía!!!

Y por supuesto, también me congratula saber que esto ha servido de ayuda a alguien ;)

mygif
June 24th, 2009 at 12:45 am

Gracias! Con lo fácil que era y no conseguía dar con ello…

mygif
August 5th, 2009 at 4:20 am

gracias me sirvio de mucho para subir mis documentos

mygif
August 5th, 2009 at 4:23 am

Nuevamente yo no tendras la manera de decirme como cambio el tema de wordpress es que yo hice uno pero los sitios que he encontrado todos dan las instrucciones en ingles y la verdad yo no encuentro las opciones que dicen yo lo tengo todo en español

mygif
August 5th, 2009 at 4:24 am

de antemanop gracias

mygif
August 5th, 2009 at 1:26 pm

Los temas de wordpress se alojan en la carpeta themes y se cambian en el panel de administración, en la sección themes seleccionas el que quieres. Pero esto sólo lo puedes hacer si tu blog lo tienes en un servidor propio para poder modificar archivos.

mygif
8. Carlos J Dominguez
August 18th, 2009 at 5:18 pm

Muchas gracias por la aclaración, me es de mucha utilidad

mygif
9. Naobi
November 9th, 2009 at 7:24 pm

Hola, tengo una pequeña duda con las indicaciones que das, sólo funcionan para PC? estoy tratando de subir PDF desde una mac que es donde estoy haciendo el blog y no tengo suerte.

Gracias por tu ayuda!

mygif
November 9th, 2009 at 8:40 pm

No tiene nada que ver, lo más probable es que no tengas permisos de escritura en tu servidor o que tu conexión aInternet tenga algún firewall que te impide realizar esa operación.

Contacta con la empresa que te mantiene el hosting y pregúntales a ellos sobre los permisos de escritura.

mygif
11. sergio
December 26th, 2009 at 12:09 am

Hola, komo hago para descargar en blogspot?

mygif
12. Noemi
January 30th, 2010 at 4:02 am

Realmente me ayudaste un monton, la ultima opcion resulta la mas facil de insertar y es efectiva. Soy nueva en esto, es mi primer trabajo y estoy buscando ayuda por todos lados.
Mil gracias

mygif
13. Dario
February 4th, 2010 at 4:46 pm

Hola Rubén,el post que has hecho és magnífico pero tengo un problema.Al llegar al punto 5 (Parent item),aquí me pierdo i creo que és donde fallo ya que al final al darle a publicar se me publica pero no queda linkeado,es decir que al pasar con el puntero por encima no da la opción de clicar.Tienes idea de que hago mal?

mygif
February 4th, 2010 at 11:32 pm

Léete el punto 7.

Escríbe aquí tu opinión

Nombre (necesario)

Email (no se mostrará)

Web (opcional)

¿Quieres más?

Temas del blog

Busca por Entre Códigos

 

Últimos comentarios

Últimos artículos

Lo más comentado

Blogroll

Mis proyectos