¿Cómo insertar una galería de fotos en una página de wordpress o blog
Puede utilizar la página de WordPress Insertar medios para insertar una galería de fotos completa en sus páginas (o mensajes). Siga estos pasos para insertar una galería de fotos en una página (o posterior):
Video: Cómo insertar una galería de fotos en un Widget de Wordpress
En la página (o posterior) en el que desea insertar una galería, subir sus imágenes.
Video: Galeria de fotos para tu blog
En la Añadir una nueva página (o Add New Post) página, haga clic en el botón Agregar de Medios.
Video: Como poner una galeria de imagenes/fotos en tu blog de blogger 2014
Aparece el cuadro de diálogo Insertar Medios.
Haga clic en el vínculo de la galería en el lado izquierdo del cuadro de diálogo Insertar Media Create.
La pestaña Galería aparece sólo para los puestos o las páginas que tienen una o más imágenes subidas.
Esta pestaña muestra miniaturas de todas las imágenes que has subido a su página (o posterior).
Video: Insertar un álbum de Flickr en WordPress
Haga clic en el botón Crear una nueva galería.
Este paso abre la página Editar Galería, donde puede arrastrar y soltar las imágenes para determinar el orden en que deben aparecer en su sitio.
En la sección Galería de Configuración, configurar las opciones de visualización de la galería:
Enlace a: Seleccionar archivo de medios (el archivo de imagen física) o Anexo Página (una página que muestra sólo la imagen de sí mismo).
Orden aleatorio: Seleccione esta opción para que las imágenes aparezcan en orden aleatorio.
columnas: Seleccionar el número de columnas de imágenes que desea mostrar en su galería.
Haga clic en el botón Insertar galería en la parte inferior del cuadro de diálogo.
WordPress vuelve a la Añadir una nueva página (o Add New Post) página. Se puede ver que WordPress ha insertado en una página (o posterior) una pieza de corto código (Un fragmento de código que WordPress utiliza para ejecutar ciertas funciones, como la galería de pantalla) que tiene este aspecto:
Nota: Debe de cambiar a la vista HTML (haga clic en la ficha HTML) para ver el código.
(Opcional) En la página (o Post) cuadro de edición en la vista HTML, puede cambiar el orden de aparición de las imágenes en la galería, así como el marcado (etiquetas HTML o selectores CSS), introduciendo el siguiente código corto:
captiontag: Cambia el marcado que rodea el título de la imagen mediante la alteración del código corto galería. Por ejemplo,
coloca etiquetas alrededor del título de la imagen. (La etiqueta, que se considera un elemento en bloque, se crea un contenedor separado para el contenido).
Para que el galería de aparecer en una línea propia, utilice el siguiente código:
Este 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 del código corto galería para ser algo como esto:
Este código 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 alterando el código corto galería para ser algo como esto:
Este código 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 imágenes en miniatura en la galería alterando el código corto galería para ser algo como esto:
Este código muestra las imágenes en miniatura en orden ascendente de menú. 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.
Cuando haya terminado, haga clic en el botón Previo para previsualizar cambios-si está satisfecho, haga clic en el botón Publicar para publicar la página.
Galería de código corto Salida 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 215Una 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
Siga estos pasos para editar la hoja de estilo para su tema para incluir los estilos en la galería de CSS:
Desde el panel de control, seleccione Apariencia → Temas → Editor y abra la hoja de estilos CSS.
Definir el estilo de la etiquetas en su hoja de estilo.
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. Aquí está un ejemplo de lo que puede añadir a la hoja de estilo (style.css) Para su tema actual para definir el estilo de la tags:
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 actualización de archivos para guardar los cambios a la hoja de estilos (style.css) modelo.
Aquí está una galería de fotos utilizando los pasos anteriores y el ejemplo de CSS en la Vigésima Trece tema por defecto. Aquí está el código corto galería:
Matt Mullenweg, un 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 plugins de WordPress útiles trabajan en conjunto con la característica de galería de WordPress.