L'immagine è essenziale per ogni sito web per renderlo visivamente accattivante. Ecco perché è necessario imparare a usare il blocco immagine in WordPress. Come qualsiasi altro costruttore di pagine, il costruttore di blocchi Gutenberg è dotato del blocco immagine principale per l'aggiunta di immagini.
Oggi condivideremo le linee guida complete sul blocco immagine, i suoi vantaggi, le sue caratteristiche e le modalità di utilizzo. Assicuratevi di seguirci dall'inizio alla fine.
Che cos'è il blocco immagine?
Il blocco immagine è il blocco centrale dedicato all'editor di blocchi di WordPress per aggiungere immagini. Il blocco immagine consente di inserire, modificare e personalizzare le immagini nei contenuti.
Il blocco immagine principale offre i seguenti vantaggi.
- Facilità d'uso: Il blocco Immagine è facile da usare: chiunque può utilizzarlo senza particolari abilità. Inoltre, l'aggiunta di immagini utilizzando il blocco è semplice.
- Personalizzazione: Per la personalizzazione, consente di ridimensionare l'immagine, impostare l'allineamento dell'immagine, aggiungere didascalie, ecc.
- Ottimizzazione SEO: È possibile aggiungere un testo alt a ogni immagine utilizzando il blocco immagine, che aiuta i motori di ricerca a comprendere meglio l'immagine.
Creare bellissimi tavoli
Con l'editor di blocchi
Caratteristiche della barra degli strumenti del blocco immagine
La barra degli strumenti del blocco immagine ha diverse caratteristiche che consentono di personalizzarla. Le caratteristiche della barra degli strumenti di blocco sono spiegate di seguito.
- Trasformare: È possibile trasformare questo blocco in un paragrafo, in un codice, in una colonna, ecc.
- Trascinare: Consente di trascinare e rilasciare il blocco dedicato in qualsiasi punto.
- Maniglia di spostamento: Consente di spostare il blocco verso l'alto e verso il basso.
- Allineare: L'opzione Allinea consente di impostare l'allineamento dell'immagine su Nessuno, Larghezza ampia, Larghezza intera, Sinistra, Centro e Destra.
- Filtro Duotone: Il filtro Duotone consente di creare un effetto di colore bicolore senza perdere l'immagine originale. Anche in questo caso, è possibile impostare ombre e luci utilizzando questa funzione.
- Collegamento ipertestuale: Questa opzione consente di aggiungere collegamenti per i contenuti selezionati all'interno del blocco.
- Coltura: L'opzione Ritaglia consente di zoomare, modificare il rapporto d'aspetto e ruotare l'immagine.
- Aggiungere testo all'immagine: Consente di aggiungere testo sopra l'immagine e di aggiungere altri blocchi all'interno del blocco immagine. Trasforma il blocco Blocco immagine nella Blocco di copertura.
- Aggiungere una didascalia: È possibile aggiungere didascalie utilizzando l'opzione.
- Sostituire: L'opzione sostituisci consente di sostituire l'immagine corrente con l'altra immagine.
- Altre opzioni: Offre ulteriori opzioni relative alla sezione del blocco, come duplicare, copiare, raggruppare, ecc.
Come utilizzare il blocco immagini in WordPress?
Di seguito vi mostreremo come utilizzare il blocco immagini di WordPress in alcuni semplici passaggi. Tutto quello che dovete fare è seguire.
Passo 1: Inserire il blocco immagine
Per inserire il blocco immagine, recatevi nel vostro post o pagina.
Successivamente, fare clic sul pulsante Aggiungi blocco ("+") Aggiungi blocco icona (1), tipo "Immagine" nella casella di ricerca (2)e fare clic su "Immagine" (3).
Passo 2: Inserire il file immagine
È possibile selezionare una qualsiasi delle tre opzioni.
- Caricare: È possibile caricare i file di immagine.
- Biblioteca multimediale: Consente di selezionare le immagini dalla libreria multimediale che sono già state caricate in precedenza.
- Inserire l'URL di provenienza: È possibile inserire l'immagine utilizzando i link.
Come inserire un'immagine tramite l'opzione di caricamento
Per inserire i file immagine, fare clic sul pulsante di caricamento, selezionare l'immagine e fare clic su Apri. L'immagine sarà poi aperta nell'editor.
Come inserire un'immagine tramite l'opzione Libreria multimediale
Fare clic sul pulsante Libreria multimediale, selezionare l'immagine e fare clic sul pulsante Seleziona per inserire l'immagine nell'editor.
Come inserire un'immagine tramite l'opzione Inserisci immagine da URL
Selezionare il pulsante Inserisci da URL, inserire il link e questo verrà visualizzato nell'editor.
Fase 3: personalizzazione dell'immagine
Una volta inserita l'immagine nell'editor, è possibile ridimensionarla direttamente dall'editor.
È inoltre possibile impostare varie opzioni dalle Impostazioni di blocco. Per accedere alle impostazioni di blocco, navigare Impostazioni (1) > Blocco (2) > Impostazioni (3).
Le opzioni delle impostazioni contengono funzioni come:
- Testo alternativo: Consente di impostare un testo alternativo a fini SEO.
- Rapporto d'aspetto: Consente di impostare il rapporto di aspetto dell'immagine su Originale, Quadrato, Standard, Ritratto, Classico, Ritratto classico, Ampio e Alto.
- Risoluzione: È possibile impostare la risoluzione su Grande, Media, Miniatura e Dimensione intera.
- Larghezza: Impostare la larghezza desiderata.
- Altezza: Impostare l'altezza dell'immagine desiderata.
Il blocco Stili contiene altre caratteristiche di stile di cui si potrebbe aver bisogno per lo stile del blocco immagine.
- Stili: Questa funzione consente di impostare gli stili di immagine su Predefinito e Arrotondato.
- Filtri: I filtri consentono di impostare un filtro duotono per l'immagine senza perdere la sua originalità.
- Dimensioni: Questa funzione consente di impostare i margini per l'immagine.
- Confine e ombra: È possibile aggiungere un bordo e un raggio per il blocco immagine utilizzando questa funzione.
Ecco come utilizzare il blocco immagine e le sue opzioni.
Pensieri finali!
Il blocco immagine di WordPress è uno strumento facile da usare e potente che vi aiuta a migliorare i vostri contenuti con le immagini. Imparate a conoscere tutte le caratteristiche di questo blocco e rendete il vostro sito web visivamente accattivante.
Il blocco immagine è perfetto per condividere i prodotti in evidenza, i ricordi o spiegare un concetto. Inoltre, aiuta le immagini a dare il meglio di sé.
Quindi, la prossima volta che lavorate a un progetto WordPress, utilizzate questo pratico blocco per elevare i vostri contenuti.
Spero che abbiate trovato questo tutorial interessante e facile da seguire. Nella sezione commenti qui sotto, fatemi sentire i vostri commenti sul tutorial e sul blocco.
Inoltre, non dimenticate di condividere questo articolo sui vostri social media e di far conoscere agli altri questo fantastico blocco immagine.
Per saperne di più!
- Come utilizzare il blocco preformattato in WordPress in 3 semplici passi
- Come utilizzare il blocco codice in WordPress in 3 semplici passi
- Come utilizzare il blocco delle citazioni in WordPress in 3 semplici passi
- Come utilizzare il blocco elenco in WordPress
- Come usare l'editor di blocchi di WordPress (guida per principianti)
- 7 migliori plugin per la tabella dei prezzi di WooCommerce
