Insertar una imagen

Escrito por ATE [ecoescuela] el . Posteado en Tema 2: Crear una entrada

Cuando se escribe una entrada en el blog seguramente les surgirá la necesidad de usar imágenes para decorar o ilustrar la misma.

El uso de las imágenes requerirá una reflexión más detallada que abordaremos un poco más adelante por la importancia que tiene el tomar conciencia sobre el respeto escrupuloso a los derechos de autor. Las imágenes que se adjuntan a una noticia estarán publicadas en la Web y por tanto estaremos expuestos a cualquier tipo de reclamación.

Para empezar, habrá que decidir donde queremos tener las imágenes que se van a utilizar en la entrada que se está creando. Podremos tenerlas subidas al espacio que nos ofrece nuestro blog o acceder a ellas desde la Web. Para la segunda opción podremos usar algunos de los servicios gratuitos que nos permiten alojar nuestras colecciones de fotografías o enlazar directamente desde algún repositorio específico o página web (esto tiene el riesgo de que si quitan la imagen que tenemos enlazada del sitio web a donde hemos dirigido el enlace nos quedaremos sin ella en nuestra entrada).

Los servicios gratuitos para alojar colecciones de fotografías, tipo Picasa o Flickr,… suelen ser más apropiados para alojar gran cantidad de fotografías, por ejemplo, después de haber hecho una salida con los alumnos para tener un álbum fotográfico virtual.

En este apartado del tema trataremos de repasar como podemos insertar una imagen en una entrada desde estas dos perspectivas y cómo podemos crear galerías de imágenes.

Insertar una imagen subiendola previamente a la galería multimedia de nuestro blog

La forma más sencilla y natural será la de subir una foto que se tenga guardada en el propio ordenador.

  • Pondremos el cursor en el lugar donde queremos insertar la imagen y luego buscaremos en la parte superior del editor de texto o del área de edición de la entrada el icono de “Añadir objeto”:
  • Al seleccionar la opción de “Subir archivos” se abrirá un menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Una vez se arrastra la imagen se comienza a subir de forma automática.
    27-02-2014 14-32-05
  • WordPress también nos permite utilizar la función de “Elegir archivos” y explorar de forma normal en búsqueda de la imagen que está guardada en el propio equipo. En este caso, cuando se tenga la imagen seleccionada se debe hacer clic sobre Subir.

27-02-2014 14-30-01

  • Una vez se haya subido la imagen en la galería multimedia se cargará de forma automática el menú con las opciones de la imagen que hemos subido.
  • Rellenaremos aquella información asociada a la propia imagen. Pondremos el título de la imagen, el texto alternativo y una breve descripción. Estos datos no son imprescindibles pero facilitan la accesibilidad de nuestro sitio.
  • Si escribimos algún texto en la opción “Leyenda” aparecerá publicado como texto explicativo de la imagen.
  • Observaremos el apartado de URL del enlace, es la dirección que WordPress le ha dado a esta imagen y siempre o archivo y siempre que la escribamos veremos la imagen.
  • Decidiremos la alineación donde nos gustaría que aparezca la imagen en nuestra entrada.
  • Podremos modificar el Tamaño de la imagen seleccionando entre Miniatura y Tamaño completo. Tendremos que tener en cuenta como es la plantilla que estamos utilizando para que la imagen se adapte al espacio que tenemos asignado para las entradas.
  • Cuando tenemos completados los datos del menú pulsaremos sobre Insertar en la entraday regresaremos al editor de la nueva entrada, donde acabaremos de organizar y escribir la noticia que vamos a publicar.
    27-02-2014 14-35-31
  • Ya solo que tenemos que colocar la imagen. La seleccionamos y con la herramienta Alinear texto la colocamos en el centro, izquierda o derecha. Jugando con estas opciones, podemos colocar el texto al lado de la foto.
  • Como consejo, colocar la foto después de poner el texto.

 

Insertar una imagen enlazada desde Internet

Otra forma que podremos utilizar es la de insertar una foto que ya está en Internet. Puede que la tengamos subida un alojamiento propio o que la enlacemos directamente desde otro lugar de la Web (tendremos que tener mucho cuidado con los derechos de autor):

  • Localizamos la imagen en Internet y con el botón derecho copiamos la ruta de la imagen.
  • Colocaremos el curso en el lugar donde queremos insertar la imagen y buscaremos el botón de “Añadir objeto” que aparece en la parte superior del editor de texto.
  • Seleccionar la opción de “Subir archivos” y al seleccionar el botón de “Selecciona archivo” se abrirá el menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Tendremos que buscar la opción que pone “Insertar desde URL” y se desplegarán las opciones para introducir los datos de la foto.
  • En este menú introducimos la dirección donde está la imagen en Internet (la que hemos copiado en el portapapeles en el paso 1) y completaremos la leyenda.

    27-02-2014 14-49-49

    Fotografia de ejemplo: Mont Saint Michel por Benito Roveran, CC

  • Es importante el poner un nombre a la foto. De esta forma hacemos accesible la página a las personas con discapacidad visual.
  • Una vez se hayan completado todos los datos haremos clic sobre “Insertar en la entrada”
    .

 ¿Subir desde una URL?

Ejemplo de imagen subida desde URL remota

¿A que no sabías que el cargador de imágenes de WordPress es capaz de subir y guardar imágenes que cargues desde la red?. Pues si, puede, y es muy fácil hacerlo.

1. Ir a EntradasAñadir nueva o a Páginas Añadir nueva, o abrir una entrada existente en el modo de edición.

2. Coloca el cursor donde deseas que aparezca la imagen, y haz clic en el icono “Añadir objeto” que se encuentra directamente por encima de su editor.

28-02-2014 9-20-56

3. Haz clic en el botón “Selecciona archivos” (como vimos en un apartado anterior) y elije el archivo de imagen desde tu ordenador.

28-02-2014 9-24-41

4. En vez de guardar una imagen en tu ordenador y luego subirla pega la URL de la imagen en la caja de la ruta del archivo y haz clic en OK.

28-02-2014 9-33-14

WordPress guarda la imágen y te la muestra lista para insertarla en la entrada, tal como hemos hecho con esta foto de jfelias en morgueFile.com.

(Nota: este truco solo funciona en Windows, en Mac no hay caja para introducir la ruta)

Fuente: Ayuda WordPress

Etiquetas:, , ,

"Trackback" Enlace desde tu web.

ATE [ecoescuela]

ecoescuela 2.0 es un entorno de trabajo cooperativo y colaborativo que reconduce los procesos tradicionales de profesorado de "Enseñar" y de "Aprender" del alumnado a un nuevo modelo en el que cambia el rol del Profesorado "enseña" y del alumnado (aprende o memoriza) a otro en el que se reinventan y RECREAN los procesos de enseñar y aprender en el que ambos APRENDEN A APRENDER.

Deja un comentario