Volete che i vostri articoli inizino come questo che state leggendo? Cioè con una bella lettera grande il cui stile è da voi deciso nel file style.css del vostro tema.
Il tutto è fattibile senza troppo impegno sfruttando uno pseudo elemento del css ovvero :first-letter
Tale pseudo elemento aggiunge uno stile al primo carattere del testo cui è applicato. Eccovi le proprietà legate a :first-letter
- font
- color
- background
- margin
- padding
- border
- text-decoration
- vertical-align
- text-transform
- line-height
- float
- clear
Logicamente si può combinare con le classi css. Vediamo come realizzare la cosa in due passaggi.
Aprite con il vostro editor il file style.css e incollate il seguente codice relativo allo stile desiderato :
p.article:first-letter {
color:#ff0000;
font-size:xx-large;
}
Fatto questo, capite bene come poter applicare lo stile alla prima lettera di un testo. Infatti, nel caso di questo post :
<p class=”article”>Volete che i vostri articoli inizino come questo che state leggendo?</p>
Vi consiglio, qualora vogliate applicare quanto appena descritto ad ogni post, di crearvi un pulsante custom nel vostro editor Wordpress così da risparmiare tempo prezioso per inserire <p>.
