Come creare colonne in WordPress senza plugin

Organizzare i contenuti in colonne è un gioco da ragazzi grazie al blocco Colonne di WordPress. Questo blocco appartiene ai blocchi principali che potrebbero essere utilizzati in ogni tema WP. Il blocco di colonne può avere fino a 6 colonne. Quindi puoi quindi avere 6 diversi contenuti affiancati.

Oggi ti mostreremo come creare colonne in WordPress senza plug-in, utilizzando il blocco Colonne. Vi portiamo anche un riepilogo di funzionalità più recenti dalla versione WP 5.3 aggiornamento.

In questo tutorial troverai informazioni su:

• Qual è lo scopo delle colonne
• Come funzionavano le colonne nel vecchio editor
• Come creare colonne in WordPress senza plug-in (nell'editor di blocchi)
• Impostazioni del blocco Colonne di base
• Come lavorare con il blocco delle colonne di WordPress
• Come modificare i blocchi nidificati
• Le colonne bloccano i vantaggi

Qual è lo scopo delle colonne

Le colonne sul sito Web possono avere più applicazioni. Prima di tutto possono rendere i contenuti ben organizzati, più leggibili e più facili da sfogliare. Organizzando il contenuto in colonne puoi evidenziare informazioni o parametri importanti.

Ad esempio, puoi utilizzare il layout a più colonne per presentare i tuoi servizi. Aggiungi un'immagine illustrativa, una descrizione o un pulsante. Ovviamente puoi rendere l'immagine cliccabile.

Analogamente ai servizi, puoi utilizzare le colonne su WordPress per mostrare prodotti o categorie di prodotti. È l'ideale se hai un semplice sito web aziendale.

Nei post del blog puoi utilizzare le colonne per separare i contenuti. Puoi posizionare testo, elenchi puntati o immagini fianco a fianco.

Come funzionavano le colonne nel vecchio editor

Prima di WordPress 5+, se volevi creare contenuti multicolonna, dovevi usare le tabelle. Era molto più difficile che nel nuovo editor. Inoltre, di solito c'era un problema con gli stili e la visualizzazione delle tabelle sui dispositivi mobili. Come funzionava?

Hai avuto più opzioni su come creare colonne nel sito web di WordPress:

1. Inserisci manualmente il codice HTML nell'editor di testo

<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

Questo approccio è stato utilizzato principalmente dagli sviluppatori, che potevano creare rapidamente tabelle o colonne in base alle loro esigenze. Lo svantaggio era che non tutti i temi WordPress potevano gestire bene le colonne. Le tabelle di solito non erano perfette e l'utente medio non poteva risolvere facilmente tutti i possibili problemi.

2. Consentire le tabelle nell'editor di WordPress

Poiché WordPress utilizzava l'editor TinyMCE, era possibile consentire alle funzioni di modificare le tabelle. Se sei interessato a saperne di più, puoi trovare tutti i dettagli in questo foro. Nel caso in cui tu faccia la stessa cosa per i nostri temi AIT, le tabelle funzioneranno correttamente.

3. Utilizzo dell'elemento Colonne nei temi AIT

Se utilizzi uno dei nostri vecchi temi WordPress, conosci sicuramente il nostro elemento Colonne. Questo elemento può essere utilizzato per aggiungere colonne all'interno delle pagine. È un elemento ordinabile, il che significa che puoi posizionarlo ovunque ti serva. Il vantaggio è la sua variabilità all'interno delle pagine.

4. Scarica il plug-in di terze parti per gestire le tabelle

Un'altra soluzione su come creare colonne nei post e nelle pagine di WordPress era scaricare uno dei plugin disponibili per la creazione di tabelle. Questi plugin consentono di aggiungere colonne/tabelle utilizzando pochi clic senza alcuna codifica. Era possibile utilizzarlo anche da utenti meno esperti.

Come creare colonne in WordPress senza plug-in (nell'editor di blocchi)

Grazie al nuovo editor di blocchi, la creazione di colonne è diventata estremamente semplice. Se usi ancora il vecchio WordPress, ora è il momento giusto per aggiornare alla versione più recente. Potrai aggiungere e gestire colonne semplicemente, in pochi click utilizzando il blocco Colonne.

Questo blocco è un gradito cambiamento per tutti coloro che vogliono lavorare con contenuti a più colonne, presentare prodotti o scrivere blog e non hanno esperienza con la programmazione.

Diamo un'occhiata a come aggiungere il blocco Colonne e come creare colonne in WordPress senza plugin:

• La prima opzione è fare clic su "+" nella barra in alto e selezionare Blocco colonne dai blocchi disponibili.
• La seconda opzione è fare clic su "+" ovunque all'interno dell'editor.

Layout predefiniti del blocco Colonne di WordPress (NOVITÀ da WP 5.3)

L'ultima versione ha apportato enormi miglioramenti nelle impostazioni delle colonne. Prima di tutto sono disponibili stili di layout predefiniti. Cosa significa?

Gli utenti possono scegliere il layout e lo stile di allineamento nel processo di aggiunta di un nuovo blocco all'area del contenuto. I layout predefiniti possono essere molto utili, specialmente per quegli utenti che non hanno competenze WordPress avanzate. Questa funzione rappresenta il modo in cui immaginiamo il modo in cui creare colonne in WordPress (senza plug-in o qualsiasi altro componente aggiuntivo).

 

Se non vuoi scegliere il layout predefinito nel blocco Colonne di WordPress, saltalo. Dopo aver saltato questo passaggio, il contenuto verrà separato in 2 parti uguali/due singole colonne che possono essere modificate.

Colonne Blocca le impostazioni di base

Il blocco delle colonne di WordPress stesso non ha molte opzioni. Perché è così spiegheremo più avanti. Nella barra in alto puoi modificare l'allineamento in largo o a tutta larghezza. Puoi modificare questo allineamento se è supportato dal tuo tema attivo.

L'impostazione del blocco colonne più importante è il numero di colonne nella barra laterale dell'ispettore sul lato destro. Di default ci sono 2 colonne, ma puoi aumentare questo numero a 6. Puoi cambiarlo usando il mouse o inserendo un numero. Come appare lo vedrai subito dopo aver aumentato o diminuito le colonne. Il blocco si modifica dinamicamente a seconda del dispositivo di scorrimento.

È molto pratico perché cambi letteralmente il numero di colonne in pochi secondi senza modifiche difficili alle impostazioni o alla codifica.

Analogamente ad altri blocchi nell'editor di WordPress, puoi inserire la classe CSS personalizzata anche nel blocco Colonne.

Block appender per un lavoro più fluido con i blocchi

Il blocco colonne è speciale perché puoi creare più blocchi con esso. Fino al rilascio della nuova versione era piuttosto difficile lavorare con i singoli blocchi. Quando volevi aggiungere un blocco, non sapevi esattamente dove fare clic. Grazie a Block appender (e alla sua differenziazione per colore di sfondo) è più facile inserire il contenuto nella colonna appropriata.

Come lavorare con WordPress Columns Block

La bellezza del blocco Colonne è che ogni colonna può annidare altri blocchi. Può essere paragrafo, blocco immagine o blocco pulsante. Il numero massimo di colonne è 6, puoi quindi creare contenuti multicolonna di cui hai bisogno. Come accennato in precedenza, per presentare i prodotti è possibile aggiungere l'immagine del prodotto, il nome, il prezzo e il pulsante fianco a fianco.

Puoi anche utilizzare diversi blocchi di colonne uno sotto l'altro per creare la griglia. Puoi usarlo per presentare i tuoi servizi o promuovere funzionalità importanti.

Modifica di blocchi nidificati

Come abbiamo già accennato, puoi nidificare altri blocchi all'interno delle colonne. Ogni blocco nidificato ha tutte le sue impostazioni disponibili. Ciò significa che se aggiungi il blocco immagine nella colonna, puoi modificarlo esattamente come in standalone Blocco immagine.

Conclusione: le colonne bloccano i vantaggi

Il rilascio dell'editor a blocchi di WordPress e la disponibilità dell'utilizzo di colonne nelle pagine e nei post hanno notevolmente semplificato il modo in cui gli utenti sono in grado di lavorare con i contenuti. Grazie al blocco delle colonne di WordPress non è più importante utilizzare soluzioni di terze parti o scrivere codice HTML. L'aggiunta o l'eliminazione di colonne è possibile con pochi clic. Tutto è molto intuitivo e veloce anche per gli utenti meno tecnici.

I tuoi contenuti nel layout a più colonne saranno ben allineati nella griglia. Sembrerà anche buono nella versione reattiva subito.

Stavamo lavorando duramente sul nuovo tema WordPress Citadela, sviluppato appositamente per l'editor di blocchi di WordPress. Ulteriori informazioni sul tema Citadela e sui pacchetti di layout disponibili.