Modificare un tema WordPress per includere Galleria fotografica Styles

Una galleria fotografica WordPress è utile per chiunque abbia bisogno di includere un portafoglio di lavoro visual design. Per rendere la galleria fotografica guardare nel modo desiderato, modificare il foglio di stile per il tema per includere gli stili galleria del CSS.

Dalla Dashboard, scegliere Aspetto → Temi → Editor e quindi aprire il foglio di stile CSS.

Il foglio di stile è pronto per la modifica.

Definire lo stile delle <span> tag nel foglio di stile.

I <span> tag creano un elemento inline. Un elemento contenuto in un <span> tag rimane sulla stessa riga come l'elemento prima; non vi è interruzione di linea. Avete bisogno di un po 'di conoscenza di CSS per modificare i tag <span>. Ecco un esempio di ciò che è possibile aggiungere al foglio di stile (style.css) per il tema corrente per definire lo stile delle <span> tag:

span.gallery-icon img {
padding: 3px;
sfondo: bianco;
border: 1px solid black;
margin: 0 5px;
}

Immissione questo po 'di CSS nel foglio di stile (style.css) del tema attivo inserisce automaticamente un bordo nero 1-pixel attorno ad ogni miniatura, con 3 pixel di padding e uno sfondo bianco. I margini sinistro e destro sono larghi 5 pixel, creando bella distanza tra le immagini nella galleria.

Modificare un tema WordPress per includere Galleria fotografica Styles

Fare clic sul pulsante Aggiorna File per salvare le modifiche al foglio di stile (style.css) modello.

La galleria fotografica viene aggiornata. È possibile utilizzare i codici galleria brevi pure. Ad esempio, si supponga che il sito utilizza il default Twenty Ten tema. Si potrebbe modificare il foglio di stile CSS utilizzando e galleria codici e il risultato mostrato.

[Gallery icontag = "span" size = "miniature"]

Matt Mullenweg, il co-fondatore della piattaforma WordPress, ha creato una ricca galleria fotografica utilizzando le opzioni galleria incorporate in WordPress.