Vuoi aggiungere più colonne in WordPress?

La pratica di organizzare il contenuto in colonne risale agli albori della stampa. Questo formato può essere un modo versatile per organizzare testo, immagini, ecc. Tuttavia, aggiungere più colonne in WordPress e ottenere il loro posizionamento corretto può essere un po' complicato.

Fortunatamente, non deve essere così. Ora puoi utilizzare l'Editor blocchi per aggiungere facilmente più colonne ai tuoi post e pagine WordPress in pochi passaggi.

Puoi anche ottenere questo layout utilizzando l'editor classico o un plug-in per la creazione di pagine.

In questo tutorial vedremo come aggiungere più colonne in WordPress.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Perché utilizzare un layout a più colonne

Dalla scelta del giusto tema WordPress a aggiunta di caratteri personalizzati, la personalizzazione del design del tuo sito web è il fulcro fondamentale dell'imposizione del tuo brand. Anche i tuoi articoli e layout fanno parte di questo puzzle. Sperimentare con diverse opzioni di layout può essere un ottimo modo per aggiungere varietà strutturale ai tuoi contenuti.

Dal momento che non esiste un unico formato che sia il migliore per la leggibilità, puoi essere creativo e trovare un look che funzioni per te. Puoi modificare il layout di ciascuna delle tue pagine per adattarlo a diversi tipi di contenuto e creare un sito WordPress composto da pagine con layout diversi.

Le colonne sono un formato particolarmente versatile. Se stai cercando di utilizzare il tuo spazio in modo economico, sono un modo semplice per segmentare il tuo testo.

Puoi anche utilizzare le colonne per accoppiare diversi widget in modo coerente, come mostrato in Tema Buddy Boss :

come aggiungere più colonne in wordpress

Oppure potresti semplicemente essere interessato a utilizzare un formato flessibile che può essere rimosso o rimodellato in base alle tue esigenze. Qualunque sia il tuo ragionamento, le colonne possono aggiungere varietà e organizzazione al tuo sito web.

Come aggiungere più colonne in WordPress

Agli albori di WordPress, gli utenti dovevano avere una conoscenza pratica dell'HTML ed essere in grado di modificare con sicurezza il proprio codice per aggiungere colonne ai propri post. A quel tempo, scrivere e modificare i contenuti non lo era l'esperienza più amichevole.

Fortunatamente, ora ci sono due semplici modi per aggiungere colonne in WordPress: non è richiesto HTML.

L'editor blocchi viene fornito con un'intuitiva funzione di colonna incorporata e coloro che preferiscono l'editor classico saranno felici di sapere che puoi sempre saltare la codifica manuale delle colonne utilizzando un WordPress Plugin.

Vediamo ora i due metodi.

Primo metodo: utilizzare la funzionalità nativa dell'editor di blocchi

Inizieremo aggiungendo diverse colonne usando l'editor di blocchi (Gutenberg). Offre la nuova interfaccia predefinita per la creazione di contenuti di WordPress una miriade di funzioni utili, tutto incentrato su blocchi di contenuto facili da spostare.

Una di queste funzionalità è il blocco Colonne dal nome appropriato, che ti aiuta a creare tutte le colonne che desideri.

Per iniziare, entra "colonne" nella casella di ricerca dell'editor di blocchi che puoi aprire facendo clic sul pulsante +. In alternativa, puoi semplicemente fare clic sullo schermo e iniziare a digitare "colonne" per visualizzare la stessa opzione.

Verrà visualizzata una finestra in cui è possibile scegliere il layout delle colonne:

come aggiungere più colonne in wordpress

È anche possibile iniziare con due colonne predefinite e regolare le impostazioni in un secondo momento.

Dopo aver specificato quante sezioni vuoi e come vuoi dividerle, puoi trascinare e rilasciare il blocco dove vuoi.

Quindi puoi annidare altri blocchi all'interno del blocco Colonne. Possono essere tutti blocchi di testo. Prova a migliorare una colonna di testo posizionandola accanto a un'immagine o a una colonna del calendario per farla risaltare:

come aggiungere più colonne in wordpress

Non aver paura di sfruttare la flessibilità dell'editor mescolando e abbinando elementi.

Successivamente, puoi tornare alle impostazioni del blocco Colonne e modificare il rapporto di larghezza in base alle tue esigenze. Ogni singola colonna può essere regolata in base al tipo di look che stavi cercando.

Grazie all'interfaccia visiva dell'editor di blocchi, il tuo lavoro sul backend si tradurrà direttamente nel frontend. Per riferimento, ecco come appare il nostro esempio dopo averlo pubblicato:

Una volta comprese le nozioni di base, c'è altro da esplorare con le colonne.

Se stai cercando più funzionalità con l'editor di blocchi, potresti prendere in considerazione il download di un file WordPress Plugin che aumenta la funzionalità di blocco e la sperimentazione di nuove combinazioni di contenuti.

Metodo due: usa Classic Editor e Elementor Page Builder

Puoi anche aggiungere più colonne ai tuoi post e alle tue pagine senza codice. Tutto ciò di cui avrai bisogno è un plugin. Ci sono molte opzioni che possono fare questo lavoro, quindi la prima cosa che devi fare è sceglierne una.

Dato che sono un grande fan del plugin Elemento del generatore di pagine, Userò questo per creare un layout a più colonne:

Ce costruttore di pagine è una solida opzione gratuita che utilizza un'interfaccia drag-and-drop intuitiva e ha oltre 5 milioni di installazioni attive.

Una volta che hai installato e attivato il plugin sul tuo sito web, vai alla pagina che desideri modificare e modificala con Elementor.

come aggiungere più colonne in wordpress

Verrai indirizzato all'editor di Elementor.

Come vedi nell'immagine sopra, faremo clic sul pulsante rosso + per aggiungere una nuova sezione e il numero di colonne che la accompagneranno.

Ora sceglieremo Editor e widget di testo e calendario

Aggiorna la tua pagina e visualizza in anteprima il tuo articolo.

con questo WordPress Plugin, avrai anche la possibilità di aggiungere o rimuovere il numero di colonne.

Scopri anche alcuni plugin WordPress premium  

Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Modulo di contatto 7 Success Redirect

Contact Form 7 Success Redirect è un'estensione del plug-in WordPress premium dal Contact Form 7 che consente di reindirizzare un visitatore o un utente a una pagina dopo l'invio del loro contatto.

creare reindirizzamenti - Modulo di contatto 7 plug-in per wordpress di reindirizzamento di successo

È stato progettato per rendere il modulo più user-friendly quando il processo di invio del modulo porta al reindirizzamento alla pagina scelta dall'amministratore.

Come creare un negozio privato con WooCommerce ? Scoprilo consultando questo articolo.

È estremamente facile da configurare. Puoi farlo selezionando una pagina dalle pagine esistenti della tua dashboard o fornendo un URL di reindirizzamento personalizzato.

Scopri la nostra Plugin 8 WordPress per migliorare il SEO del tuo blog

Ogni modulo avrà la propria configurazione. Pertanto, ogni reindirizzamento riuscito può essere definito in un modo unico.

Download | Demo | Web hosting

2. LetsPush Web Push Notification

Le notifiche push Web, note anche come notifiche push browser, sono messaggi cliccabili che possono essere inviati dal sito Web all'utente anche senza conoscere la sua e-mail o altre informazioni di contatto.

Plugin di notifica push web Letspush per wordpress woocommerce buddypress

Le sue notifiche vengono consegnate in tempo reale, anche quando l'utente non sta navigando nel tuo sito web. Questo plugin per WordPress consente inoltre all'amministratore di inviare messaggi di notifica push agli utenti che si sono iscritti al sito web.

Quindi puoi inviare un messaggio personalizzato, vendere un prodotto o inviare aggiornamenti sul tuo sito Web ai tuoi visitatori. Si integra fortemente con BuddyPress e è compatibile con WooCommerce.

Download | Demo | Web hosting

3. WooCommerce Social Login

Questo plugin premium per WordPress aiuta a ridurre i tempi di registrazione per un sito Web, il che in genere infastidisce gli utenti e riduce le vendite. Ma se usi WooCommerce Social Login, il tempo risparmiato dall'utente verrà aumentato, il che aumenterà necessariamente anche le tue vendite.

Come potenziare un social network con il plug-in BuddyPress di WordPress - Plugin per wordpress di accesso social di Woocommerce

Quando un cliente visita il tuo sito web per la prima volta, renderai più semplice il checkout consentendo loro di effettuare il checkout come ospite. Tuttavia, questo crea attrito per i clienti che desiderano acquistare più volte dal tuo negozio online. Dovranno creare ogni volta un nome utente e una password diversi.

Scopri anche il nostro 50 WooCommerce plugin per migliorare il vostro negozio on-line

WooCommerce Social Login rende quindi questo processo il più semplice e sicuro possibile: i clienti possono accedere al tuo sito web utilizzando i loro account Facebook, Twitter, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Instagram. e Amazon.

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

L'aggiunta di colonne al tuo sito Web WordPress può aiutare a mantenere il tuo layout fresco e attraente. Sebbene il processo per farlo a volte possa essere un po' complicato, ci sono metodi semplici che puoi usare per renderlo più semplice.

Ecco ! Questo è tutto per questo tutorial, spero che ora tu sappia quando e come aggiungere più colonne in WordPress. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

E se hai suggerimenti o osservazioni, lasciali nella nostra sezione commentaires.

...