Blogs de wordpress: cómo insertar una galería de fotos

Puede utilizar el cargador de medios de WordPress para insertar una galería de fotos completo en sus puestos. Sube imágenes múltiples una vez que esté en la inserción de medios Window- entonces, en lugar de hacer clic en el botón Insertar el mensaje, haga clic en el enlace Crear galería en el lado izquierdo de la ventana de inserción de medios.

Este enlace se abrirá la ventana Crear galería, junto con las múltiples imágenes que has subido. Todas las imágenes se seleccionan, según lo indicado por la marca de verificación que aparece en la parte superior derecha de la imagen (se puede anular la selección de cualquier imagen para excluirlo de la galería haciendo clic en la marca de verificación).

Video: Cómo poner una galeria de fotos en tu Blog

Siga estos pasos para insertar una galería de fotos en una entrada de blog:

Haga clic en el botón Crear una nueva galería.

El botón está ubicado en la parte inferior derecha de la ventana Crear galería. Esto abre la ventana de edición Galería.

  • (Opcional) Editar las imágenes de la galería.

    Si desea volver a organizar las imágenes, puede arrastrar y soltar las imágenes aparezcan en el orden que desea que se muestren en su sitio web. También puede incluir una pequeña descripción de cada imagen haciendo clic en el cuadro de texto debajo de cada imagen.

  • Configurar los ajustes de la galería.

    Situado en el lado derecho de la ventana Edit Gallery, estas opciones incluyen:

  • Enlazar TO; Utilice el menú desplegable para seleccionar el Anexo Página, archivos multimedia, o Ninguno.

  • columnas: Seleccione el número de columnas que desea las miniaturas de la galería que se mostrarán en. Las opciones en el menú desplegable se compone de 1 a 9 columnas.

  • Orden aleatorio: Este cuadro no está seleccionado, de manera predeterminada. La selección de este cuadro de WordPress dice ignorar el orden definido de imágenes y las ordena por toda la página en su lugar.

  • Haga clic en el botón Insertar Galería.

    WordPress se inserta en su puesto un trozo de código corto que tiene este aspecto:.

  • (Opcional) Cambie el orden de aparición de las imágenes en la galería, así como el marcado (etiquetas HTML o selectores CSS):

  • captiontag: Cambiar el marcado que rodea el título de la imagen mediante la alteración de la galería de código corto. Por ejemplo: coloca etiquetas en torno a la leyenda de la imagen (la etiqueta crea un contenedor separado para el contenido) - tener la galería aparece en su propia línea, el código coloca etiquetas alrededor del título de la imagen. El marcado predeterminado para el captiontag opción es dd.

  • icontag: Define el código HTML de cada imagen en miniatura concreto en torno a su galería. Cambiar el marcado de todo el icontag (Icono de miniatura) de la imagen mediante la alteración de la galería de código corto a algo así como, lo que coloca etiquetas en torno a cada icono de miniatura. El marcado por defecto para icontag es dt.

  • itemtag: Define el formato HTML alrededor de cada elemento de la galería. Cambiar el marcado de todo el itemtag (Cada artículo) en la galería mediante la alteración de la galería de código corto a algo así como, lo que coloca etiquetas alrededor de cada elemento de la galería. El marcado predeterminado para el itemtag es dl.

  • OrdenarPor: Define el orden en que las imágenes se muestran dentro de la galería. Cambiar el orden utilizado para mostrar las miniaturas de la galería mediante la alteración de la galería de código corto a algo así como, que muestra las imágenes en miniatura en el menú orden ascendente. Otro parámetro que puede utilizar es ASC id_order, que muestra las imágenes en miniatura en orden ascendente de acuerdo con sus IDs.

    Galería Código cortoSalida
    Una galería de cuatro columnas que contiene imágenes de tamaño mediano
    Una galería de diez columna que contiene imágenes en miniatura extraídos de
    la entrada en el blog con el ID 215
    Una galería de tres columnas (por defecto) en el que cada imagen es
    rodeado
    las etiquetas y el título de la imagen está rodeado por las etiquetas
  • Definir el estilo de la etiquetas en su hoja de estilos CSS.

    los etiquetas crean una línea element- un elemento contenido dentro de una la etiqueta se mantiene en la misma línea que el elemento antes de IT no hay ningún salto de línea. Se necesita un poco de conocimiento de CSS para modificar la las etiquetas. Haga clic en el enlace Editor en el menú Apariencia en su panel de WordPress para editar la hoja de estilo para su tema.

    Aquí está un ejemplo de lo que puede añadir a la hoja de estilo (style.css) Para su tema actual:

    Video: ¿Como crear una galería de fotos o imágenes en WordPress?

    span.gallery-icon img {padding: 3px; fondo: blanco-frontera: 1px solid negro-margin: 0 5px;}

    La colocación de este pedazo de CSS en la hoja de estilo (style.css) De su tema activo coloca automáticamente un borde negro de un píxel alrededor de cada imagen en miniatura, con tres píxeles de desplazamiento y un fondo blanco. Los márgenes izquierdo y derecho son cinco píxeles de ancho, creando buen espacio entre imágenes en la galería.

  • Haga clic en el botón de actualización de archivos para guardar los cambios a la hoja de estilos (style.css) modelo.

  • Matt Mullenweg, co-fundador de la plataforma WordPress, creó una extensa galería de fotos mediante el uso de las opciones galería incorporados en WordPress.

    Algunos grandes plugins de WordPress trabajan en conjunto con la característica de galería de WordPress.

    Artículos Relacionados