La maggior parte dei temi WordPress rilasciati in questi giorni ha la possibilità di aggiungere un’immagine in primo piano a ciascun post. In questo tutorial, ti mostrerò come aggiungere un’immagine in primo piano e come impostare la prima immagine di un post come immagine in primo piano.


Le immagini in primo piano sono piuttosto importanti

Le immagini in primo piano si aggiungono all’appeal visivo di ogni post e aiutano il visitatore a identificare l’argomento della conversazione con uno sguardo superficiale. Quante volte hai cliccato su un post con un’immagine in primo piano sgradevole ?

Sono disposto a scommettere non troppo spesso. I migliori blog sul web usano una grafica personalizzata, ad esempio il Blog di Temi eleganti ha fantastiche immagini in primo piano. Queste immagini sono prodotte da un team di designer interni. Noterai che sono tutti unici e squisitamente realizzati.

Ma questo non è l’argomento di questo post. Se non dovessi mai aggiungere un’immagine in primo piano a un post, sembra molto male sul tuo blog o sito. Quindi, se dovessi mai dimenticare di farlo, possiamo aggiungere un’immagine in primo piano che potrebbe mitigare il fallout.

Hai bisogno di aiuto per modificare il tuo sito WordPress?
WHSR è ora partner di Codeable.io per assistere gli utenti che necessitano di servizi professionali di sviluppo / personalizzazione del WP.

Per ottenere un preventivo gratuito, compila questo modulo di richiesta.

Impostazione di una nuova immagine predefinita personalizzata

Puoi farlo installando & attivazione del plugin immagine in primo piano predefinita.

Prima di accedere al plug-in, diamo un’occhiata a un sito di prova senza immagini predefinite.

Ecco come appare il sito Web di prova prima di aggiungere un’immagine in primo piano. Con questo tema particolare (Solon), non è così male come può essere. Con alcuni temi di WordPress, avrai immagini vuote invece che nessuna immagine con ogni post, il che ha il potenziale per peggiorare le cose.

WithoutDefaultImage

Plugin immagine in primo piano predefinito

1. Vai su Impostazioni > Media.
2. In Impostazioni multimediali, è possibile selezionare un’immagine in primo piano dalla galleria o caricarne una.

DefaltFeatImgMediaSettings

E sei pronto. E ‘davvero così semplice.

Ora con l’immagine in primo piano predefinita in atto, ecco come appare la pagina:

WithDefaultImage

Puoi scegliere un’immagine che si adatta a quasi tutti i tipi di post.

Ad esempio, se il tuo blog ruota attorno alla nicchia di WordPress, puoi creare un’immagine personalizzata con il testo “Suggerimenti di WordPress & Tutorial”.

Ora qualcosa del genere starebbe bene sul tuo blog l’anno in cui dovresti mai dimenticare di aggiungere un’immagine in primo piano al tuo post.

Impostazione della prima immagine del tuo post come immagine in primo piano predefinita

Questo può essere fatto con due pezzi di codice.

Il primo, dovrai aggiungere a Functions.php nel tuo file WordPress.

// funzione per chiamare la prima immagine caricata nel file delle funzioni
funzione main_image () {
$ files = get_children (‘post_parent =’. get_the_ID (). ‘&post_type = attaccamento
&post_mime_type = immagine&ordine = desc ‘);
if ($ files):
$ keys = array_reverse (array_keys ($ files));
$ J = 0;
$ num = $ keys [$ j];
$ image = wp_get_attachment_image ($ num, ‘large’, true);
$ imagepieces = explode (‘"’, $ image);
$ imagepath = $ imagepieces [1];
$ Principale = wp_get_attachment_url ($ num);
$ Template = get_template_directory ();
$ The_title = get_the_title ();
Stampa "$ the_title";
finisci se;
}

Il codice sopra ti aiuta a ottenere la tua prima immagine da ogni post.

Ora dobbiamo verificare se ci sono immagini selezionate selezionate per i post in questione.

Puoi farlo aggiungendo il seguente codice al tuo file del tema. Aggiungi il codice nel luogo in cui desideri visualizzare l’immagine, ad esempio home.php, single.php, archive.php o in qualsiasi altro luogo lo ritenga necessario.

<?php if ((function_exists (‘has_post_thumbnail’)) && (has_post_thumbnail ())) {
echo get_the_post_thumbnail ($ post->ID);
} altro {
echo main_image ();
} ?>

Il secondo pezzo di codice controlla i post per le immagini in primo piano e se non ci sono immagini in primo piano, utilizza l’immagine in primo piano predefinita che viene creata dal primo codice.

Quindi ogni volta che dimentichi di aggiungere un’immagine in primo piano, la prima immagine dello stesso post viene impostata come immagine in primo piano.

Altre idee per le immagini in primo piano

Ora c’è qualcos’altro che puoi provare anche se hai dimestichezza con la gestione del codice WP. È possibile creare immagini in primo piano condizionate. Coinvolgi WP ha un ottimo tutorial su questo argomento.

Dimmi come è andata con il tuo blog, sei riuscito a trovare l’immagine in evidenza predefinita giusta ?

Se hai usato uno script personalizzato diverso per aggiungere un’immagine in primo piano predefinita, mi piacerebbe sentirla nei commenti.

Sorgente (codice per l’impostazione): Snipplr

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me