Cómo cambiar WordPress Galería de espaciado

WordPress incluye un código corto para las galerías. Códigos cortos son simples códigos HTML, similar que permiten a los no programadores llaman funciones PHP preprogramados en los puestos y las páginas. Cuando se agrega el "[galería]" código corto a un poste o una página, WordPress da salida a las miniaturas de todas las imágenes que se adjuntan y se aplica un poco de estilo a aquellas vistas en miniatura. El código de Cascading Style Sheets (CSS) que WordPress añade al contenido galerías que contienen se encuentra entre las etiquetas de estilo en la página. Para modificar el espaciado de los elementos de la galería, se debe escribir el código CSS en el archivo style.css que anula ese código.

Instrucciones

1 Visita el directorio "wp-admin" de su sitio web e iniciar sesión en el panel de WordPress. Vaya a "Apariencia" y haga clic en el enlace "Editor" para cargar la "edición de temas" pantalla. Encontrar el enlace "style.css" en la parte inferior de la lista bajo "Plantillas" y haga clic para cargarlo en el cuadro del editor.

2 Agregue el código siguiente a la parte inferior de style.css:

.gallery-item {

margin-top: XXpx importante;

margin-left: XXpx! important;

margin-bottom: XXpx importante;

margin-right: XXpx importante;

}

El nombre de la clase "galería-elemento" coincide con el código de WordPress genera para la galería. WordPress agrega automáticamente código CSS a cualquier página que contiene una galería de imágenes. En CSS, código entre las etiquetas de estilo en una página Web tiene prioridad sobre el código en un archivo CSS externo, por lo que debe utilizar "! Important" para anular los estilos de páginas.

3 Haga clic en el botón azul "Actualizar archivo" para guardar los cambios. Visita su sitio web y echar un vistazo a su galería. Si el nuevo espacio crea un conflicto con el resto del diseño del sitio, volver atrás y hacer ajustes para Style.css hasta que la galería se ve bien.

Consejos y advertencias

• Puede duplicar el código "-elemento de la galería" y reemplazar "galería-punto" a "de la galería de leyenda" para cambiar el espaciado de los pies de fotos.
• Editar el espaciamiento y los bordes alrededor de las imágenes mismas por la orientación "img-elemento .gallery" en style.css.
• Copias de seguridad de archivos de temas antes de editarlos. Si se encuentra con un error de "pantalla en blanco", volver a cargar los archivos de temas originales para volver a WordPress.