Manual de WordPress: Fotos

Insertar una foto

  1. la sintaxis HTML de una imagen con link es la siguiente:
    <a href="link"><img src="imagen" alt="Texto" title="ampliar" /></a>
  2. por ejemplo, un thumbnail (una foto pequeña que al clickarla abre otra más grande) es así:
    <a href="/images/kawa.jpg">
    <img src="/images/kawa.thumb.jpg" alt="Kawasaki" title="ampliar" />
    </a>
  3. descargamos la foto en nuestro disco duro y le ponemos un nombre descriptivo, por ejemplo kawasaki-zx-10r.jpg en vez de w200h133_0000034047879331.jpg:

    WordPress descargar imagen

  4. la seleccionamos en Subir / Examinar:

    WordPress seleccionar imagen

  5. la subimos al servidor con la opción Subir / Cargar (WordPress generará automágicamente el thumbnail kawasaki-zx-10r.thumbnail.jpg):

    WordPress cargar imagen

  6. si estamos usando el editor TinyMCE (el que trae por defecto WordPress), para insertar la imagen en nuestro post sólo tenemos que ubicar el cursor en el punto de inserción y clickar en Enviar al editor:

    WordPress insertar imagen TinyMCE

  7. si estamos usando el editor Dean’s FCKEditor clickar en Enviar al editor no servirá de nada: el proceso es diferente. Ubicamos el cursor en el punto de inserción y clickamos en el botón Insertar / editar imagen:

    WordPress boton insertar imagen

  8. y se abrirá la ventana Propiedades de imagen:

    WordPress ventana insertar imagen

  9. seleccionamos la URL de la imagen en Información de imagen / Ver servidor (si queremos que nuestra página pese poco para que cargue más rápido aquí podemos seleccionar el thumbnail kawasaki-zx-10r.thumbnail.jpg en vez de la imagen original kawasaki-zx-10r.jpg, pero teniendo en cuenta que si escalamos el thumbnail y lo aumentamos de tamaño se verá mal, pixelado):

    WordPress URL imagen

  10. y también en Vínculo / Ver servidor:

    WordPress URL vinculo

  11. ponemos en el campo Texto Alternativo el nombre de la foto pero legible por humanos (SIN acentos ni eñes), por ejemplo Kawasaki ZX-10R (en HTML es el campo alt).

    WordPress alt

  12. ponemos ampliar en el campo Avanzado / Título (en HTML es el campo title) y aceptamos OK:

    WordPress title

  13. y obtendremos una preciosa fotito cuyo tamaño podremos modificar con los manejadores. Qué guapo nos está quedando el post, con fotos y todo!

    WordPress imagen

Eliminar una foto del servidor

  1. vamos a Administrar / Subidas / Explorar todas y clickamos la foto:

    WordPress editar imagen

  2. pulsamos Borrar y la foto será historia:

    WordPress borrar imagen

Artículos en la categoría "Manual de WordPress"

  1. Manual de WordPress: Links
  2. Manual de WordPress: Fotos
  3. Manual de WordPress: Vídeos
  4. Manual de WordPress: Música
  5. Manual de WordPress: Crear un plugin
  6. Manual de WordPress: Internacionalizar un plugin
  7. Manual de WordPress: Crear un widget
  8. Manual de WordPress: Plugins imprescindibles
  9. Manual de WordPress: Plugin All in One SEO Pack
  10. Manual de WordPress: Plugin WP-Amazon
  11. Manual de WordPress: Plugin Simple Tags