Qual è la differenza tra riempimento e margine in WordPress?

Pubblicato: 2023-08-16

Vuoi conoscere la differenza tra padding e margin in WordPress?

In WordPress, il padding è lo spazio tra il contenuto e il bordo all'interno di un blocco, mentre il margine è lo spazio tra due blocchi separati.

In questo articolo, ti mostreremo la differenza tra padding e margin e come usarli in WordPress.

Difference between padding and margin in WordPress

Che cos'è il riempimento in WordPress?

La funzione di riempimento sul tuo sito Web WordPress viene utilizzata per creare spazio all'interno di un blocco.

Ad esempio, puoi aggiungere spazio all'interno di un blocco di testo per rendere il suo layout visivamente più accattivante ed evitare che il testo appaia troppo vicino ai bordi del blocco.

Padding preview

Puoi anche utilizzare il padding per controllare come scorre il contenuto sul tuo blog WordPress. Ad esempio, se aggiungi la spaziatura interna alla parte superiore e inferiore di un blocco di testo, puoi facilitare la lettura del contenuto da parte dei visitatori.

Cos'è il margine in WordPress?

Il margine è lo spazio attorno al bordo di un blocco WordPress e dei suoi elementi circostanti.

Questo può aiutarti ad aggiungere spazio tra due blocchi diversi, creando un layout più spazioso e pulito per il tuo sito.

Margin preview

Ad esempio, puoi aggiungere margini nella parte superiore e inferiore di un blocco di testo in modo che rimanga visibile anche quando lo schermo viene ridimensionato.

Inoltre, puoi anche utilizzare i margini per aggiungere spazio tra i blocchi Immagine e Testo per rendere il tuo sito web visivamente accattivante e più accessibile per gli utenti.

Qual è la differenza tra riempimento e margine in WordPress?

Ecco un breve elenco delle differenze tra padding e margin in WordPress:

Imbottitura Margine
Imbottitura significa aggiungere spazio tra il contenuto e il bordo del blocco. La funzione di margine aggiunge spazio all'esterno del bordo del blocco.
L'uso del padding non influisce sugli altri blocchi del tuo sito web. L'utilizzo di un margine influisce su altri blocchi sul tuo sito web.
Il padding può creare un buffer attorno a un blocco. I margini possono creare spazio tra due blocchi diversi.

Come utilizzare il riempimento in WordPress

Per impostazione predefinita, l'editor del sito completo di WordPress (FSE) viene fornito con la funzione di riempimento.

Tuttavia, tieni presente che se non stai utilizzando un tema basato su blocchi, non sarai in grado di aggiungere padding al tuo sito WordPress a meno che non utilizzi CSS personalizzati.

Innanzitutto, devi visitare la pagina Aspetto »Editor dalla barra laterale di amministrazione di WordPress per avviare l'editor completo del sito.

Una volta che sei lì, scegli il modello di pagina in cui desideri aggiungere il riempimento ai tuoi blocchi dalla barra laterale "Modelli" a sinistra. Questa barra laterale mostrerà tutti i modelli per le diverse pagine del tuo sito web.

Choose the page where you want to add padding from the left column

Dopo averlo fatto, il modello che hai scelto si aprirà sullo schermo.

Da qui, fai clic sul pulsante "Modifica" per iniziare a personalizzare il tuo modello di pagina nell'editor completo del sito.

Click the Edit icon for full site editor

Quindi, scegli il blocco in cui desideri aggiungere il riempimento. Ricorda che questo significa che creerai spazio tra il contenuto e il bordo del blocco.

Questo aprirà le impostazioni del blocco nel pannello dei blocchi sul lato destro dello schermo.

Da qui, devi scorrere verso il basso fino alla sezione "Dimensioni" e fare clic sul menu a tre punte. Si aprirà un prompt in cui è necessario selezionare l'opzione 'Padding'.

Choose the padding option from the Dimensions section

Quindi, usa semplicemente il dispositivo di scorrimento per aggiungere il riempimento al tuo blocco.

Tieni presente che questa funzione aggiungerà imbottitura a tutti i lati del blocco.

Padding in full site editor

Tuttavia, se desideri aggiungere un riempimento solo nella parte superiore o inferiore del blocco, puoi farlo anche facendo clic sull'icona "Scollega lati" accanto all'opzione "Rivestimento".

Quindi, puoi utilizzare diversi cursori per aggiungere spaziatura interna a destra, sinistra, in basso o in cima al blocco.

Padding for different corners

Al termine, fai clic sul pulsante "Salva" per memorizzare le tue impostazioni.

Come utilizzare il margine in WordPress

Proprio come il padding, la funzione del margine è integrata nell'editor completo del sito di WordPress. Tuttavia, questa funzione non sarà disponibile se non utilizzi un tema a blocchi.

Per prima cosa, vai alla pagina Aspetto »Editor dalla dashboard di WordPress.

Una volta che sei lì, scegli il modello di pagina in cui desideri aggiungere i margini dalla colonna a sinistra.

Choose page for margin from the left column

Questo aprirà il modello di pagina che hai scelto sullo schermo.

Da qui, seleziona il pulsante "Modifica" per iniziare a personalizzare il tuo modello nell'editor completo del sito.

Click the Edit icon for full site editor

Successivamente, scegli il blocco che desideri modificare e scorri verso il basso fino alla sezione "Dimensioni" nel riquadro del blocco sulla destra.

Da qui, usa semplicemente i cursori per impostare margini diversi per gli angoli superiore, inferiore, sinistro e destro del blocco. L'utilizzo di questa funzione creerà spazio attorno al blocco che hai scelto.

Add margin in the full site editor

Tuttavia, se desideri utilizzare un singolo dispositivo di scorrimento per aggiungere margini uguali attorno al blocco, fai clic sull'icona "Collega lati" accanto all'opzione "Margine".

Il pannello del blocco ora visualizzerà sullo schermo un singolo dispositivo di scorrimento "Margine misto" che puoi utilizzare per creare margini uguali attorno al blocco.

Use margin slider

Al termine, non dimenticare di fare clic sul pulsante "Salva" in alto per memorizzare le impostazioni.

Altri suggerimenti per la modifica completa del sito in WordPress

Oltre ad aggiungere padding e margini ai tuoi blocchi, puoi anche utilizzare l'editor completo del sito per personalizzare l'intero tema WordPress.

Ad esempio, puoi progettare tutti i tuoi modelli di pagina, aggiungere il tuo logo personalizzato, scegliere i colori del marchio, modificare il layout, regolare la dimensione del carattere, aggiungere immagini di sfondo e altro ancora.

Puoi anche aggiungere modelli e blocchi diversi al tuo sito web per personalizzarlo ulteriormente. Per i dettagli, potresti voler consultare la nostra guida per principianti su come personalizzare il tuo tema WordPress.

Add patterns to your layouts

Puoi anche utilizzare FSE per aggiungere un'intestazione, un menu di navigazione o un CSS personalizzato al tuo sito web.

Inoltre, puoi anche utilizzare Global Styles per garantire la coerenza in tutto il tuo sito. Per istruzioni più dettagliate, ti consigliamo di consultare la nostra guida su come personalizzare i colori sul tuo sito Web WordPress.

Choose a background color from the Color Picker

Tuttavia, se non ti piace utilizzare l'editor completo del sito e preferisci un maggiore controllo sull'aspetto del tuo sito Web, puoi utilizzare SeedProd per creare pagine e persino l'intero tema.

È il miglior generatore di pagine di destinazione sul mercato che viene fornito con un generatore di trascinamento della selezione che semplifica la creazione di un tema straordinario per il tuo sito web.

Per maggiori dettagli, puoi consultare il nostro tutorial su come creare facilmente un tema WordPress personalizzato.

Edit theme template

Speriamo che questo articolo ti abbia aiutato a imparare la differenza tra padding e margin in WordPress. Potresti anche essere interessato alla nostra guida per principianti su come modificare l'altezza e la larghezza dei blocchi in WordPress e le nostre migliori scelte per i migliori plugin per blocchi Gutenberg per WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per i video tutorial di WordPress. Puoi trovarci anche su Twitter e Facebook.