Padding vs Margin – Qual è la differenza in WordPress?

Volete 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 vi mostreremo la differenza tra padding e margin e come utilizzarli in WordPress.

Che cos’è il padding in WordPress?

La funzione di padding del sito WordPress viene utilizzata per creare spazio all’interno di un blocco.

Ad esempio, è possibile aggiungere spazio all’interno di un blocco Testo per rendere il suo layout più gradevole alla vista e per evitare che il testo appaia troppo vicino ai bordi del blocco.

È possibile utilizzare il padding anche per controllare il flusso dei contenuti del blog WordPress. Ad esempio, se aggiungete un padding alla parte superiore e inferiore di un blocco di testo, potete facilitare la lettura del contenuto da parte dei visitatori.

Che cos’è il margine in WordPress?

Il margine è lo spazio intorno al bordo di un blocco di WordPress e degli elementi che lo circondano.

In questo modo è possibile aggiungere spazio tra due blocchi diversi, creando un layout più spazioso e pulito per il sito.

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

Inoltre, è possibile utilizzare i margini per aggiungere spazio tra i blocchi di immagini e testo, in modo da rendere il sito web visivamente accattivante e più accessibile per gli utenti.

Qual è la differenza tra Padding e Margin in WordPress?

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

Come utilizzare il padding in WordPress

Per impostazione predefinita, l’editor completo di WordPress (FSE) è dotato della funzione di imbottitura.

Tuttavia, tenete presente che se non utilizzate un tema basato su blocchi, non potrete aggiungere il padding al vostro sito WordPress a meno che non utilizziate un CSS personalizzato.

Per prima cosa, è necessario visitare la pagina Aspetto ” Editor dalla barra laterale dell’amministrazione di WordPress per avviare l’editor completo del sito.

Una volta arrivati a questo punto, basta scegliere il modello di pagina in cui si desidera aggiungere il padding ai blocchi dalla barra laterale “Modelli” sulla sinistra. Questa barra laterale mostrerà tutti i modelli per le diverse pagine del vostro sito web.

Dopo aver fatto ciò, il modello scelto si aprirà sullo schermo.

Da qui, fare clic sul pulsante “Modifica” per iniziare a personalizzare il modello di pagina nell’editor completo del sito.

Quindi, scegliere il blocco in cui si desidera aggiungere il padding. Si ricorda che questo significa che si creerà 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 è necessario scorrere verso il basso fino alla sezione “Dimensioni” e fare clic sul menu a tre puntini. Si aprirà un prompt in cui si dovrà selezionare l’opzione “Imbottitura”.

Quindi, è sufficiente utilizzare i due cursori per aggiungere un padding orizzontale e verticale al blocco.

Tenete presente che questi cursori aggiungeranno un’imbottitura a tutti i lati del blocco.

Tuttavia, se si desidera aggiungere un’imbottitura solo al lato superiore, inferiore, sinistro o destro del blocco, è possibile farlo facendo clic sull’icona “Opzioni di imbottitura” nella sezione dell’imbottitura.

Si aprirà un prompt in cui si potranno selezionare i diversi lati del blocco a cui si vuole aggiungere l’imbottitura.

Tenere presente che se si desidera aggiungere imbottiture diverse a più di un lato del blocco, è necessario selezionare l’opzione “Personalizzato”.

In questo modo si aggiungono quattro diversi cursori sullo schermo per aggiungere imbottiture a destra, a sinistra, in basso o in alto del blocco.

Una volta terminato, è sufficiente fare clic sul pulsante “Salva” per memorizzare le impostazioni.

Come utilizzare il margine in WordPress

Proprio come il padding, la funzione di margine è integrata nell’editor completo di WordPress. Tuttavia, questa funzione non sarà disponibile se non si utilizza un tema a blocchi.

Per prima cosa, accedere alla pagina Aspetto ” Editor dalla dashboard di WordPress.

Una volta lì, scegliere il modello di pagina in cui si desidera aggiungere i margini dalla colonna a sinistra.

Si aprirà il modello di pagina scelto sullo schermo.

Da qui, basta selezionare il pulsante “Modifica” per iniziare a personalizzare il modello nell’editor completo del sito.

Quindi, scegliere il blocco che si desidera modificare e scorrere fino alla sezione “Dimensioni” nel pannello dei blocchi sulla destra.

Da qui, è sufficiente utilizzare i due cursori per impostare i margini orizzontali e verticali per gli angoli superiore, inferiore, sinistro e destro del blocco. L’uso di questa funzione creerà uno spazio intorno al blocco scelto.

Tuttavia, se si desidera utilizzare più cursori per aggiungere margini diversi intorno al blocco, fare clic sull’icona ‘Opzioni margine’ nella sezione.

Si aprirà un nuovo prompt sullo schermo dal quale si potrà selezionare un lato del blocco per aggiungere un margine.

Tuttavia, se si desidera aggiungere margini diversi a più lati, è possibile selezionare l’opzione ‘Personalizzato’.

Nel pannello dei blocchi vengono ora visualizzati vari cursori che possono essere utilizzati per impostare diversi margini intorno al blocco.

Una volta terminato, non dimenticate 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 blocchi, è possibile utilizzare l’editor completo del sito per personalizzare l’intero tema WordPress.

Ad esempio, è possibile progettare tutti i modelli di pagina, aggiungere il proprio logo personalizzato, scegliere i colori del marchio, modificare il layout, regolare le dimensioni dei caratteri, aggiungere immagini di sfondo e molto altro ancora.

Potete anche aggiungere modelli e blocchi diversi al vostro sito web per personalizzarlo ulteriormente. Per maggiori dettagli, potete consultare la nostra guida per principianti su come personalizzare il tema di WordPress.

È inoltre possibile utilizzare l’FSE per aggiungere un’intestazione, un menu di navigazione o un CSS personalizzato al sito web.

Inoltre, è possibile utilizzare gli stili globali per garantire l’uniformità del sito. Per istruzioni più dettagliate, potete consultare la nostra guida su come personalizzare i colori sul vostro sito WordPress.

Tuttavia, se non vi piace usare l’editor completo del sito e preferite un maggiore controllo sull’aspetto del vostro sito, potete usare SeedProd per creare pagine e persino l’intero tema.

È il miglior costruttore di pagine di destinazione sul mercato ed è dotato di un costruttore drag-and-drop che rende super facile creare un tema straordinario per il vostro sito web.

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

Speriamo che questo articolo vi abbia aiutato a capire la differenza tra padding e margin in WordPress. Potreste essere interessati anche alla nostra guida per principianti su come modificare l’altezza e la larghezza dei blocchi in WordPress e alla nostra classifica dei migliori plugin per blocchi Gutenberg per WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.