¿Cómo insertar una galería de fotos en su blog de wordpress
Puede utilizar la ventana de WordPress Insertar medios para insertar una galería de fotos completo en sus puestos. Sube todas sus imágenes y, a continuación, en lugar de hacer clic en el botón Insertar en el mensaje, haga clic en el enlace Crear galería en el lado izquierdo de la ventana de inserción de medios. La ventana Crear galería se abre y muestra todas las imágenes que has subido a su sitio.
Siga estos pasos para insertar una galería de fotos en una entrada de blog:
En la ventana Crear galería, seleccione las imágenes que desea utilizar en su galería.
Haga clic en cada imagen una vez con el fin de seleccionarlo para su uso en la galería. Una imagen seleccionada muestra una pequeña marca en su esquina superior derecha.
Haga clic en el botón Crear nueva galería.
Se abre la página de edición de la Galería.
(Opcional) Añadir un título para cada imagen haciendo clic en el título del Este Área de imagen y escribiendo un título o una breve descripción de la imagen.
(Opcional) Establezca el orden de las imágenes aparecen en la galería mediante el uso de la opción de arrastrar y soltar en la página Editar Galería.
Haga clic en y luego arrastrar y soltar imágenes para cambiar el orden.
(Opcional) Especificar las siguientes opciones en la sección Galería de Configuración en la parte derecha de la Galería Editar Página:
Enlace a: Archivo de medios o adjuntos página.
Aleatorio Orden: Seleccione para cambiar aleatoriamente el orden en que las imágenes se muestran en la galería.
Galería Columnas: Seleccionar el número de columnas de imágenes que desea que aparezca en su galería.
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).
Utilice la galería de WordPress código corto para cambiar diferentes aspectos de la pantalla de la galería en su mensaje:
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 alrededor del título de la imagen. (La etiqueta se considera un elemento a nivel de bloque y crea un contenedor separado para el contenido).
Si usted quiere tener la galería aparecer en una línea propia, 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 alrededor de la (icono en miniatura) icontag 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 se muestran las imágenes 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.
Video: Curso Wordpress 09: Crear galerías de imágenes
| Galería de código corto | Salida |
|---|---|
| Una galería de cuatro columnas que contiene imágenes medianas | |
| 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 rodeada por 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 un elemento en línea. Un elemento contenido dentro de una la etiqueta se mantiene en la misma línea que el elemento antes de IT no hay salto de línea. Se necesita un poco de conocimiento de CSS para modificar la las etiquetas. Haga clic en la pestaña Diseño en su panel de WordPress y, a continuación, haga clic en la pestaña secundaria Editor de temas 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:
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 1 píxel alrededor de cada imagen en miniatura, con 3 píxeles de desplazamiento y un fondo blanco. Los márgenes izquierdo y derecho son 5 píxeles de ancho, creando buen espacio entre imágenes en la galería.
Haga clic en el botón de archivo de actualización a guardar los cambios en la plantilla de estilos (style.css).
Video: Galería imagenes en WordPress
La figura muestra un post con una galería de fotos en pantalla, utilizando los pasos anteriores y el ejemplo de CSS en el tema por defecto de WordPress: veinte doce.
Matt Mullenweg, cofundador de la plataforma WordPress, creó una extensa galería de fotos usando las opciones galería incorporados en WordPress. Echa un vistazo a esta galería de fotos fabulosas.
