Publicaciones etiquetadas ‘Galería’

Galerías en mosaicos y presentaciones

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

Publicar galerías de fotos en su blog de WordPress es una forma divertida de compartir sus experiencias con el mundo, pero ¿las antiguas y simples rejillas de miniatura expresan verdaderamente su lado artístico? No, no es así. Es por eso que Jetpack ha añadido galerías en mosaicos.

Para saber como se crea e inserta una galería visita esta entrada: Galerías de imágenes en WordPress.

Galerías en mosaicos permiten crear hermosos mosaicos de fotos para su blog. Basta con activar el módulo Galería de baldosa para crear hermosas galerías en cuestión de segundos. Siga estos pasos:

1. Activar el plugin JetPack y conectar con una cuenta de wordpress.com

2. En el panel JetPack que se crea en su escritorio de WordPress, activar el plugin “Tiled Galleries”:

27-02-2014 13-51-10

2.Configurar el plugin y activar la opción “Display all your gallery pictures in a cool mosaic.” en Austes medios

Hacer clic en el botón "configurar" del plugin "Galerias de mosaicos" de JetPack

Hacer clic en el botón “configurar” del plugin “Galerias de mosaicos” de JetPack

27-02-2014 13-56-12

Finalmente activar la opción “Mostrar todas las fotos de tu galería en un mosaico moderno.”

La característica de galería en mosaico de Jetpack le permite visualizar sus galerías de imágenes en tres nuevos estilos: un mosaico rectangular, mosaico en cuadrícula y una rejilla circular. Las nuevas galerías también le permiten configurar los subtítulos sin tener espacio lejos de las imágenes. Los subtítulos están ocultos y se deslizan a la vista cuando se pasa el cursor por encima de la imagen.

Código corto (shortcode) Gallery

Si lo desea, también puede gestionar sus galerías individualmente. Deje la casilla “Display all your gallery pictures in a cool mosaic.”, en Austes medios, sin marcar para mantener el diseño en miniatura predeterminada de cuadrícula en todo su sitio. Si desea incluir una de las nuevas galerías en una entrada, simplemente cambie a la función “Texto” en la pestaña del editor de entradas y añada el tipo (type) de estilo de la Galería que desea utilizar para el “código cortogallery. Los Códigos cortos para los nuevos diseños de galería son:

[ gallery type=”rectangular” ]

[ gallery type=”square” ]

[ gallery type=”circle” ]

[ gallery type=”slideshow” ]

El pase de diapositivas requiere JavaScript.

 

Esperamos que estas galerías les ayuden a sorprender a sus lectores y presentar sus creaciones.

Fuente: jetpack.me y WordPress.com

Galerías de imágenes

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

Galerías de imágenes en WordPress son una gran manera de compartir sus fotos con la comunidad escolar, amigos, familiares y sus seguidores. En una galería de imágenes se mostrará una serie de pequeñas imágenes adjuntas a una determinada entrada o en una página. Los lectores pueden hacer clic en cualquier imagen para iniciar un carrusel (para ello debe tener activado “Carousel” en el panel Jetpack) a tamaño completo que les permite desplazarse a través de la galería de imágenes a la vez.

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