Home / Blog / CSSFitness Nike Scarpe Donna Nike Fitness Scarpe Scarpe Scarpe Donna Fitness Nike Donna Fitness Nike QdxoeWrECB / Come allineare le immagini dei post di WordPress

Immagini Scarpe Immagini Adidas Arcobaleno Adidas Aq4RL53j

Alcune semplici istruzioni per risolvere i problemi delle immagini affiancate al testo su Wordpress.

Ultimamente mi è capitato spesso di trovare persone in difficoltà con l’allineamento delle immagini all’interno dei post di WordPress.

Dalla versione 2.5 infatti è cambiato il modo in cui vengono gestite: se prima erano utilizzati gli orrendi tag HTML come align=”left”L'uomo Per Idee Sportivo Le Regalo XZN8nOk0wP, ora il funzionamento è diverso e tutto viene gestito tramite le classi CSS aligncenter, alignleft ed alignright.

Se quindi avete dei problemi simili a questo screenshot nell’allineamento delle immagini accanto al testo, molto probabilmente il tema che utilizzate non è ottimizzato per le ultime versioni di WordPress, dalla 2.5 in poi.

La soluzione

Il rimedio è semplice, e si trova anche sul sito ufficiale di WordPress. Infatti è sufficiente modificare il foglio di stile del tema che utilizzate (di solito style.css), aggiungendo le seguenti righe di codice:
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;4 Scarpe Speedcross Salomon Uomo Gtx Redmarigold J1lcTFK
margin-right: auto;
}
.alignleft {
float: left;
}
Huarache Scarpe Sportive Nike Runps704949 103 Bambini qVSzpGUM .alignright{
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;Prezzi Scarpe Prezzi Scarpe Prezzi Air Scarpe Jordan Air Prezzi Air Jordan Jordan VzSpqUM
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

La parte relativa alla classe wp-caption è per i sottotitoli delle immagini, introdotti dalla versione 2.6 di WordPress. Se non li utilizzate potete evitare di inserire quella parte di codice, ma vi consiglio comunque di copiarla per evitare problemi.

Se volete avere un CSS valido, vi faccio notare inoltre che le definizioni sul border-radius non sono standard, quindi dovrete eliminarle e rinunciare agli angoli arrotondati dei sottotitoli.

Pubblicato da

Tommaso Baldovino

UX/UI Designer, professionista del web con più di 10 anni di esperienza su WordPress. Sono disponibile a seguire nuovi progetti dall'ideazione alla realizzazione finale. Seguimi su TomStardust - Pagina Facebook.

Fitness Nike Scarpe Donna Nike Fitness Scarpe Scarpe Scarpe Donna Fitness Nike Donna Fitness Nike QdxoeWrECB

9 commenti su “Come allineare le immagini dei post di WordPress”

  1. porca vacca, mi leggi nel pensiero! ieri sera ero da un cliente “come mai le immagini non si allineano?”

  2. Ecco, era proprio un mio problema. Grazie per la segnalazione :)

  3. GiovanniFitness Nike Scarpe Donna Nike Fitness Scarpe Scarpe Scarpe Donna Fitness Nike Donna Fitness Nike QdxoeWrECB ha detto:

    Grande Tommy, l’ho appena provato e funzia alla grande, bravissimo! ^_-

  4. Per quanto siano passati tantissimi anni dal 2009 (in termini informatici) mi sono imbattuto in un tema (pure a pagamento) che presentava questo problema. presentava…grazie a te ora è solo un ricordo!!! grazie!