Come scrivere CSS per un Miniatura in WordPress

March 13

Come scrivere CSS per un Miniatura in WordPress


Una delle molte caratteristiche di WordPress ha è la sua capacità di generare le miniature automatiche per le immagini sul tuo sito. Inserimento della the_post_thumbnail call () nel template WordPress inserisce automaticamente una versione più piccola della vostra immagine presenti in pagina o per posta. È possibile impostare la dimensione predefinita delle miniature nelle impostazioni dei supporti quando si accede al proprio dashboard di WordPress, e si può anche specificare uno stile tramite CSS, se si desidera aggiungere ulteriori personalizzazioni per la vostra immagine in miniatura.

istruzione

1 Accedere al vostro sito WordPress e clicca su "Aspetto", quindi "Editor".

2 Selezionare "stylesheet" dalla lista a destra.

3 Aggiungere il CSS per l'unghia del pollice usando l'editor on-line. Ad esempio, se si vuole allineare l'immagine di anteprima a sinistra e visualizzare un colore nero solido per esso, è possibile aggiungere questo codice:

img.alignleft {

float: left;

border: 1px solid # 000;

}

4 Clicca su "Aggiornamento del file."

5 Selezionare il modello in cui si dispone di codice "the_post_thumbnail". Se si trova all'interno di una pagina di WordPress, selezionare il modello "Pagina" dalla lista dei modelli sulla destra.

6 Modificare il codice per applicare lo stile specificato per la vostra miniatura. Il codice seguente mostra la miniatura con dimensioni predefinite delle miniature del tuo sito, con lo stile definito nel modello stile:

<? Php the_post_thumbnail ( 'miniature', array ( 'classe' => 'AlignLeft')); ?>

7 Aggiornare il file del modello per applicare le modifiche.

Consigli e avvertenze

  • Oltre a definire i propri selettori, è possibile anche utilizzare i selettori CSS img.wp-post-immagine, img.attachment-miniatura, img.attachment-media, img.attachment-grandi e img.attachment-pieno per definire stili per la vostra miniatura.