Guide/Crea contenuti/Modificare la larghezza dei contenuti

Modificare la larghezza dei contenuti

Nell’editor di WordPress è possibile controllare la larghezza dei contenuti (come immagini, testo, ecc.) mostrati nella pagina. Questa guida illustra le opzioni a tua disposizione e spiega come impostare la larghezza dei contenuti sul sito.

Informazioni sulle impostazioni della larghezza

Ogni tema a blocchi presenta una larghezza predefinita per i contenuti, da cui dipende la larghezza del testo e delle immagini visualizzati nella pagina. Sono disponibili le seguenti dimensioni:

  • Contenuto (o “Nessuno”): consente di impostare la larghezza dei blocchi in modo che questa corrisponda alla larghezza predefinita dell’area contenuti.
  • Larghezza ampia: consente di impostare la larghezza dei blocchi su una larghezza più ampia, ma non intera.
  • Larghezza intera: consente di impostare la larghezza di un blocco in modo che quest’ultimo riempia l’intera area disponibile.

Quando modifichi determinati blocchi di contenuto, come i blocchi Immagine o i blocchi Colonne, l’opzione “Allinea” nella barra degli strumenti del blocco che appare selezionando un blocco includerà le opzioni di larghezza dei contenuti.

Una barra degli strumenti con un riquadro disegnato intorno all'icona di allineamento e un menu a discesa che mostra le opzioni di larghezza.

Non tutti i blocchi includono le opzioni per modificare la larghezza dei contenuti. Più avanti in questa guida imparerai come applicare le opzioni di larghezza ai blocchi che, per impostazione predefinita, ne sono privi.

Modificare la larghezza di un blocco

Nei blocchi di contenuto che includono le opzioni di regolazione della larghezza, queste ultime si trovano sotto l’opzione “Allinea” nella barra degli strumenti dei blocchi. Per modificare la larghezza di un blocco, segui questi passaggi:

  1. Dalla bacheca del tuo sito, vai al contenuto che desideri modificare seguendo uno di questi percorsi:
    • Pagine
    • Articoli
    • Aspetto → Editor
  2. Aggiungi un blocco di contenuto o fai clic sul blocco che include il contenuto che hai già aggiunto.
  3. Nella barra degli strumenti del blocco, fai clic sull’icona “Allinea:
Un riquadro è disegnato intorno all'icona di allineamento nella barra degli strumenti di un blocco Gruppo.
  1. Seleziona il parametro di larghezza appropriato: Nessuno, Ampio o Intero.
  2. Fai clic sul pulsante “Salva” per salvare le modifiche.

Scopri come applicare le opzioni di larghezza ai blocchi che, per impostazione predefinita, ne sono privi.

Guarda il video qui sotto per scoprire come modificare la larghezza dei contenuti. Rallenta o velocizza il video usando i comandi nell’angolo in basso a destra dopo aver fatto clic sul pulsante Riproduci.

I blocchi Immagine, come il blocco Copertina o il blocco Galleria, includono opzioni aggiuntive per l’allineamento a sinistra, al centro o a destra che ti consentono di disporre il testo intorno a un’immagine.

Modificare la larghezza di un blocco privo delle impostazioni della larghezza

Alcuni blocchi sono privi di una sola opzione di layout o di tutte le impostazioni di larghezza descritte in precedenza nella guida. Due esempi sono il blocco Paragrafo e il blocco HTML personalizzato. Per modificare la larghezza dei contenuti, dovrai raggruppare un blocco o una raccolta di blocchi usando il blocco Gruppo. Segui questi passaggi per impostare la larghezza che preferisci per qualsiasi blocco:

  1. Dalla bacheca del tuo sito, vai a Pagine, Articoli o Aspetto → Editor
  2. Aggiungi un blocco o una raccolta di blocchi. 
  3. Seleziona il blocco e fai clic sui tre puntini nella barra degli strumenti del blocco.
  4. Fai clic sull’opzione “Gruppo” per raggruppare i blocchi (anche se si tratta di un singolo blocco).
  5. Nella nuova barra degli strumenti del blocco Gruppo sopra il blocco, fai clic sull’icona “Allinea:
Un riquadro è disegnato intorno all'icona di allineamento nella barra degli strumenti di un blocco Gruppo.
Allinea
  1. Seleziona il parametro di larghezza appropriato: Nessuno, Ampio o Intero.
  2. Fai clic sul pulsante “Salva” per salvare le modifiche.

Guarda il video qui sotto per imparare come raggruppare i blocchi in modo da applicare in un unico passaggio le impostazioni di larghezza ai contenuti che, per impostazione preferita, ne sono privi o a una raccolta di blocchi. Rallenta o velocizza il video usando i comandi nell’angolo in basso a destra dopo aver fatto clic sul pulsante Riproduci.

I blocchi interni utilizzano la larghezza del contenuto

Questa impostazione viene applicata principalmente ai blocchi di progettazione, ad esempio i blocchi Gruppo, Riga e In colonna. Noterai che l’opzione è presente anche in qualsiasi altro blocco usato per nidificare i contenuti, come il blocco Copertina e il blocco Colonne. Tale opzione consente di controllare il comportamento dei contenuti nidificati all’interno del blocco di progettazione.

Ad esempio, se aggiungi un blocco Colonne e in seguito inserisci contenuti all’interno delle colonne, tali contenuti saranno costituiti dai “blocchi interni”.

L’impostazione “I blocchi interni utilizzano la larghezza del contenuto” influisce sul comportamento dei blocchi nidificati all’interno di un blocco principale:

Se l’impostazione “I blocchi interni utilizzano la larghezza del contenuto” è attivata:

  • I blocchi interni presenteranno la larghezza predefinita dei contenuti del tema o la larghezza ampia, se disponibile.
  • Puoi personalizzare queste larghezze per il blocco specifico inserendo un valore personalizzato.
  • La spaziatura interna viene mantenuta, il che garantisce l’allineamento dei contenuti al layout strutturato del sito.

Se l’impostazione “I blocchi interni utilizzano la larghezza del contenuto” è disattivata:

  • I blocchi interni si espanderanno fino a occupare l’intera larghezza del blocco principale, ignorando i limiti di larghezza dei contenuti del tema.
  • Verrà rimossa l’eventuale spaziatura interna aggiuntiva presente ai lati dei blocchi interni, consentendo a questi ultimi di occupare lo spazio disponibile da margine a margine.
La sezione Layout della barra laterale delle impostazioni di un blocco.

Per regolare l’impostazione “I blocchi interni utilizzano la larghezza del contenuto”:

  1. Dalla bacheca del tuo sito, vai a Pagine, Articoli o Aspetto → Editor
  2. Fai clic su un blocco o utilizza la Visualizzazione in modalità elenco per selezionarne uno specifico. 
  3. Nella barra laterale del blocco, individua la sezione “Layout”.
    • L’impostazione del layout verrà visualizzata solo se è possibile nidificare contenuti all’interno del blocco. Gruppo, Colonne e Galleria sono esempi di blocchi che supportano questa opzione.
  4. Fai clic sul pulsante dell’impostazione “I blocchi interni utilizzano la larghezza del contenuto” per attivarla o disattivarla.
Una freccia che parte da una colonna e punta alla sezione "Layout" della barra laterale.

Guarda il video qui sotto per imparare come regolare la larghezza dei contenuti dei blocchi all’interno di un blocco principale. Rallenta o velocizza il video usando i comandi nell’angolo in basso a destra dopo aver fatto clic sul pulsante Riproduci.

Modificare i valori predefiniti delle impostazioni della larghezza

Il tema selezionato presenterà valori di larghezza predefiniti per le impostazioni “Contenuto” e “Ampio”. Puoi regolare questi parametri di larghezza predefiniti per l’intero tema.

Questa sezione della guida si applica ai siti con i nostri piani WordPress.com Premium, Business e Commerce, nonché con il piano Pro legacy. Per i siti con i piani gratuito o Personal, aggiorna il tuo piano per accedere a questa funzionalità.

Per personalizzare le impostazioni di larghezza predefinite:

  1. Visita la bacheca del tuo sito. 
  2. Vai ad AspettoEditor.
  3. Scegli “Stili” nella barra laterale.
  4. Seleziona l’opzione “Layout“.
  5. In “Dimensioni“, modifica i valori di larghezza predefiniti delle impostazioni “Contenuto” e “Ampio”.
  6. Se lo desideri, puoi regolare la spaziatura interna e la spaziatura tra i blocchi.
  7. Fai clic sul pulsante “Salva” per salvare le modifiche.
Copied to clipboard!