b04ikt

En esta sesión vamos a aprender a insertar imagenes dentro de nuestro Blog.

Para empezar, tenemos que decidir si las queremos tener en nuestro alojamiento o usar algunos de los servicios gratuitos que nos permiten alojar nuestras colecciones de fotografías. Estos servicio suelen ser más apropiados para alojar gran cantidad de fotografías, por ejemplo , despues de haber hecho una salida con los alumnos para tener un album fotográfico virtual.

Empecemos por ver como se inserta una foto dentro de un artículo o noticia:

Insertar una foto en un articulo:

La forma más sencilla y natural es subir una foto que ya tenemos en nuestro ordenador.

En Worpress/Escribir/Escribir una entrada, debajo del editor de texto tenemos que:

1º En la opcion de Subir/Examinar nos permite explorar dentro de nuestro ordenador para buscar una imagen.
2º Cuando tengamos la imagen seleccionada desmarcamos Miniatura pulsamos sobre Subir y entonces nos aparecerá una miniatura la izquierda.
3ºPulsamos sobre ella y nos aparece un menú con varias opciones: elegimos Enviar al editor . Habremos tenido la precaución de colocar previamente el cursor donde queramos que aparezca la imagen.
4º Ya solo que tenemos que recolocar la imagen que por defecto aparece a la izquierda.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.
5º Como consejo, colocar la foto despues de poner el texto.

NOTA: Para que todo esto funcione, tenemos que añadir un archivo dentro de nuestro Wordpress llamado inline-uploading.php y proceder de la siguiente manera:
Para evitar problemas hacer una copia de vuestro fichero antes de modificar nada, siempre hay que tener a mano copias de seguridad.

1. Renombrar el fichero inline-uploading.php a _inline-uploading.php
2. Subir el fichero inline-uploading.php
3. Ir a escribir una noticia y ver que aparecen 2 opciones sobre el boton Subir
   Vía:ANieto2k y Pixel

Otra posibilidad es:

Enlazar una foto que ya está en Internet (puede que la tengamos subida en nuestro alojamiento)

Pare ello

1º Localizamos la imagen en Internet y con el botón derecho copiamos la ruta de la imagen.
2º Pinchamos en el icono del arbolito que tenemos en el editor de texto.
3º Introducimos la dirección donde está la imagen en Internet.
3º Ponemos un nombre a la foto. De esta forma hacemos accesible la página a las personas con discapacidad visual.

Insertar fotos en las barras laterales:

Podemos insertar imagenes poniéndolas en el sitio de los enlaces:

1º En Enlaces/Crear enlaces hacemos uno nuevo con destino la propia Url de la imagen
2º Si tenemos creadas Categorías de Enlaces, elegimos dónde queremos que aparezca.
3º En la Sección Avanzado: ponemos la URL de la imagen de nuevo.
4º Por último, en la misma sección Avanzado en la parte inferior lo ponemos Visible

Insertar una galeria de fotos

La opción más sencilla y recomendable es hacerlo a través de páginas que nos permiten alojar gratuitamente nuestras fotos.

Podemos hacerlo con dos de los sitios más conocidos: Flickr y Bubbleshare

1º Nos creamos una cuenta y procuramos usar un nombre genérico de nuestro centro. Entramos en Create account o Sign up para crearnos una cuenta. Seguimos los pasos que nos indiquen.

2º Una vez que tenemos creada la cuenta, ya podemos empezar a subir fotos.

3º Tenemos que usar Plugins para poder visualizar las galerias en nuestro Blog.

4º Descargamos el Plugin de la direción correspondiente.

5º Lo subimos a nuestro servidor.

6º Lo activamos.

7º Y por último y lo más importante pegamos la linea de código que nos indiquen en la barra lateral que deseemos.
Plugins para poner en la Barra lateral o Sidebar:

Plugins para usar las imagenes de Flickr: flickrRSS, Flickr Spinnr y Flickr DHTML Badge.

En el caso de BubbleShare, la propia página te da el codigo para poner en la página.
Tiene tres opciones:
Gizmo Player: Un reproductor de peliculas en Flash
Bubble Slider y Vertical Slider que viene a hacer lo mismo en distintas posiciones: se van deslizando as imagenes a través de la pantalla.
http://tantannoodles.com/toolkit/wp-flickr-dhtml-badge

http://www.google.com/ig/directory?num=24&synd=open&q=flickr&btnG=Search+Google+Gadgets