Come modificare la dimensione dell'immagine in primo piano di WordPress?

Dimensione dell'immagine WordPress! Eh! Sembra qualcosa di semplice, vero? Ma lo è davvero?

Ok, parliamone. Cosa pensi che cerchi un utente di Internet a caso prima di fare clic su un collegamento, blog, articolo, ecc.? È il titolo? Forse è la testata? slogan? La risposta è principalmente no, nessuna di queste.

Ma se stai pensando all'immagine caratteristica, diremmo di sì. Secondo molti studi e riviste popolari, i navigatori del Web tendono a fare clic su immagini interessanti e informative.

Tendono a studiare i contenuti all'interno dell'immagine caratteristica, molto prima di guardare il titolo o i metadati.

Qui è dove avviene la magia. Qui è dove/quando un navigatore web decide di fare clic sul tuo contenuto pubblicato per dare un'ulteriore occhiata.

Essere in grado di affascinare il pubblico con l'immagine caratteristica significa un clic organico quasi certo.

Il che non è così facile quando lavori con una parola chiave a coda lunga competitiva o parole chiave a coda corta, frasi popolari, eventi popolari, argomenti, riferimenti alla cultura pop, ecc.

Quindi, la dimensione dell'immagine consigliata per WordPress dal team di sviluppo di DroitThemes è di 1200×675 pixel o rapporto 16:9.

L'importanza delle buone immagini

Come accennato in precedenza, un'immagine in primo piano attraente su WordPress può portare attrazioni e clic più organizzati senza alcun lavoro aggiuntivo. L'importanza di buone immagini non può essere sottovalutata.

Un blog, un articolo, un post, una newsletter, ecc. non importa quale tipo di contenuto possa presentare, l'implementazione di immagini di qualità e informative è la chiave del successo.

Le persone tendono a indulgere visivamente prima di iniziare a leggere, e tutto ciò accade in frazioni di secondo dopo aver incontrato l'immagine suddetta.

Pertanto, è altamente consigliabile selezionare un'immagine eccellente da inserire nei tuoi prossimi contenuti.

Un'immagine di alta qualità non solo attira più sguardi, ma è anche ottima per mantenere una qualità costante in vari tipi di risoluzioni del display.

Immagini in primo piano di WordPress: cosa sono?

Un'immagine caratteristica viene utilizzata per presentare visivamente le informazioni di contesto relative a un contenuto.

Questi tipi di immagini di solito appaiono sopra il contenuto e vengono presentati insieme ai metadati di detto contenuto, nella sezione delle miniature.

L'immagine in primo piano attira l'attenzione e l'immaginazione del visitatore e fornisce visivamente indizi, informazioni e un contesto minore relativo ai tuoi contenuti.

Ad esempio, l'immagine mostrata qui indica chiaramente il punto di discussione e l'argomento in gioco.

Anche il tema WordPress attivo del sito Web svolge un ruolo chiave nel determinare come verrà visualizzata l'immagine della caratteristica.

Durante la creazione di un sito Web WordPress, cerca sempre di scegliere il miglior tema WordPress per i blog e la pubblicazione di contenuti.

Developer.WordPress.org Dimensione immagine consigliata per WordPress consigliata

Per impostazione predefinita, WordPress utilizza le seguenti dimensioni di immagine

WordPress crea automaticamente tre versioni dell'immagine caricata e sono:

• Dimensione miniatura: 150 px X 150 px
• Dimensione media: 300 px X 300 px
• Grandi dimensioni: 1024 px X 1024 px

Qual è lo scopo di queste diverse versioni delle dimensioni delle immagini in primo piano di WordPress?

Considera l'immagine della dimensione utilizzata dal team di sviluppo di DroitThemes: 1200px X 675px .

La dimensione dell'immagine originale può arrivare fino a 100 KB .

Ora considera di avere le dimensioni dell'immagine originale come miniatura! Ora non sembrerebbe anormale per un'immagine in miniatura, vero!

E per non parlare dell'impatto sulle prestazioni che la risoluzione avrebbe se tale risoluzione fosse accompagnata dalla dimensione dell'immagine.

Quindi è lecito ritenere che la dimensione convertita automaticamente da WordPress di 150×150 px sia una scommessa sicura e affidabile.

Il ridimensionamento automatico delle immagini da parte di WordPress è ovviamente un'ottima funzionalità.

Tuttavia, questa fantastica funzionalità funziona bene in determinati scenari.

Ad esempio, il ridimensionamento predefinito di un'immagine potrebbe non essere una soluzione adeguata se un tema WordPress richiede una dimensione specifica dell'immagine.

Qui a DroitThemes c'è qualcosa di cui parlare mentre lavoriamo con la dimensione dell'immagine in primo piano di WordPress di 1200 × 675 pixel.

In tali casi, è consigliabile aggiungere manualmente una dimensione dell'immagine personalizzata.

Quindi, come funziona?

Ecco un breve tutorial su come aggiungere una dimensione personalizzata dell'immagine in primo piano di WordPress

WordPress automatizza i tuoi contenuti per le migliori prestazioni sulla sua piattaforma ridimensionando le immagini delle caratteristiche originali con tre diverse dimensioni e risoluzioni.

Che ne dici di aggiungere un'altra dimensione predefinita? Sarebbe possibile includere una dimensione dell'immagine WordPress personalizzata?

Sì, è possibile e ti mostreremo come farlo correttamente.

Aggiunta di dimensioni immagine personalizzate utilizzando Rigenera immagine e Seleziona ritaglio

Regenerate & Select Crop è un semplice plug-in che fornisce più funzionalità rispetto a Regenerate Thumbnails.

Oltre a consentire agli utenti di modificare la dimensione predefinita dell'immagine in primo piano, gli utenti hanno anche la possibilità di rigenerare tutte le immagini esistenti in modo che corrispondano alla dimensione dell'immagine preferita, impostando le opzioni di ritaglio predefinite o rigenerando le miniature.

Una volta installato e attivato, vai su WordPress Dashboard > Rigenera e seleziona Ritaglia , da qui fai clic su DEFINE CUSTOM IMAGE SIZES e imposta un nome per la tua dimensione personalizzata dell'immagine in primo piano di WordPress e aggiungi le dimensioni.

Per questo esempio, utilizziamo la dimensione dell'immagine in primo piano di WordPress di 1200 × 675 pixel.

Al termine, assicurati di premere Salva modifiche .

Ci sono molte altre opzioni fornite con questo particolare plugin, non lo esploreremo ulteriormente, ma consigliamo vivamente all'utente di esplorare e modificare le impostazioni.

Step.01 Aggiungi dimensione immagine WordPress personalizzata modificando functions.php

Per questo, dovrai modificare alcuni codici dal file functions.php del tuo sito web, ma non preoccuparti, saremo con te lungo la strada.

Poiché modificheremo alcuni codici, dovresti eseguire il backup del suddetto file solo per essere al sicuro.

Ora vai alla dashboard di WordPress > Aspetto > Editor dei temi .

Ora fai clic sulle funzioni del tema ( functions.php ) da qui individua il seguente codice con l'editor del tema premendo Ctrl + F e premi invio, se il codice è già presente, lascialo stare e passa al passaggio successivo.

E se il codice sembra mancare, inserisci la seguente stringa:

 add_theme_support( 'post-thumbnails' );

Al termine, assicurati di premere il pulsante Aggiorna file .

Ora per aggiungere le dimensioni personalizzate dell'immagine inserisci il seguente codice proprio sotto il codice precedentemente menzionato, la dimensione personalizzata -

 add_image_size( 'my-custom-image-size', 1200, 675 );

In particolare è necessario aggiornare il contenuto delle virgolette singole con il nome della nuova dimensione personalizzata dell'immagine. Suggeriamo qualcosa di semplice e descrittivo.

Il primo valore dovrebbe essere la larghezza dell'immagine e il secondo valore l'altezza dell'immagine.

Segui le migliori pratiche per le immagini in primo piano di WordPress

Semplicemente non è sufficiente caricare e dimenticare componenti importanti del sito Web come le immagini delle funzionalità.

Durante la scelta e il caricamento delle immagini delle caratteristiche per WordPress o qualsiasi altra piattaforma di creazione di siti Web, consigliamo vivamente agli utenti di seguire alcuni semplici passaggi:

Immagini di alta qualità

Le immagini delle caratteristiche devono essere di alta qualità e con una risoluzione chiara e nitida. Un'immagine caratteristica rappresenta te, il tuo sito Web e i tuoi contenuti, quindi è necessario utilizzare un'immagine di qualità.

Gli utenti dovrebbero scegliere qualcosa che abbia un bell'aspetto sia nelle miniature che nei post.

Contenuto coerente

Carica immagini coerenti con il contenuto del tuo sito web. Carica funzioni, contenuti, logo, ecc. coerenti con il tuo marchio. Mantenere una visione coerente del tuo design visivo aiuta a costruire il tuo marchio e renderlo riconoscibile ai tuoi visitatori.

Immagini pertinenti

Un essere umano elabora le immagini più velocemente del testo. Se la consideri una caratteristica rilevante e informativa, l'immagine può attirare più attenzione sul tuo sito.

Quindi, cerca sempre di mantenere una forte rilevanza mentre consideri le immagini delle caratteristiche.

Diritto d'autore

Non violare questioni di copyright. Cerca sempre di garantire i tuoi contenuti prodotti e, se stai caricando qualcosa da un altro creatore di contenuti, assicurati di ottenere il loro consenso legale prima di farlo.

L'acquisto di foto stock royalty-free da siti come Unsplash, Pixaby e altri è un'ottima opzione.

Per concludere

Le immagini in primo piano sono parte integrante di ogni sito Web WordPress.

Un'immagine ben progettata e in primo piano può rendere il tuo sito web più professionale e contribuirà notevolmente ad aumentare la consapevolezza del tuo marchio. Lo stesso vale per i negozi online. Le immagini sono utili per vendere prodotti.

Un'immagine di funzionalità ben progettata e completa può anche avere un grande impatto sull'immaginazione dei tuoi visitatori, aiutandoti a ottenere clic e visualizzazioni più organici.

Detto questo, ci auguriamo che tu abbia trovato utile questo contenuto e che prenderai in considerazione la possibilità di condividerlo con qualcuno che ne ha bisogno.

Ti ringraziamo per esserti fermato e se hai domande o dubbi su questo argomento, non esitare a farcelo sapere nel commento qui sotto.