Therefore, you must learn how to use the gallery block in WordPress. Once you master the gallery block’s features, you can use it to enhance your website’s visuals, making it more professional and appealing.

Oggi, in questo tutorial, parleremo del blocco galleria di WordPress, delle caratteristiche della barra degli strumenti, delle opzioni di personalizzazione e di come utilizzarlo correttamente. Assicuratevi di seguirci dall'inizio alla fine.

Che cos'è il blocco galleria di WordPress?

Il blocco Galleria di WordPress is a core block in the WordPress block editor. It lets you create and display a collection of images in a griglia format. It is perfect for displaying event photos, organizing images into an attractive layout, or presenting images with minimal effort.

Alcune funzioni vi avvantaggiano quando utilizzate il blocco. Scoprite queste caratteristiche qui di seguito.

1. Personalizzazione: Regolare le colonne, la spaziatura e le didascalie per adattarle al proprio design. È inoltre possibile impostare risoluzioni diverse per le singole immagini della galleria.
2. Design reattivo: Le immagini si adattano automaticamente alle diverse dimensioni dello schermo per un'esperienza senza soluzione di continuità su mobile, tablet e desktop.
3. Integrazione integrata: Non sono necessari plugin aggiuntivi; il blocco funziona in modo nativo in WordPress.
4. Compatibile con il SEO: Alt text and captions can improve your content’s accessibility and search engine ranking. You can also set ALT text for separate images within the gallery.

Caratteristiche della barra degli strumenti del blocco Galleria

Quando si inserisce il blocco galleria, nella parte superiore del blocco galleria compare una barra degli strumenti con varie funzioni per personalizzare la galleria. Tali funzioni sono riportate di seguito.

1. Trasformare: È possibile trasformare questo blocco in un blocco Immagine, Colonne, Dettagli e Gruppo.
2. Trascinare: Consente di trascinare e rilasciare il blocco dedicato in qualsiasi punto dell'editor.
3. Maniglia di spostamento:  Consente di spostare il blocco verso l'alto e verso il basso.
4. Allineare: L'opzione Allinea consente di impostare l'allineamento dell'immagine su Nessuno, Larghezza ampia, Larghezza intera, Sinistra, Centro e Destra.
5. Link: Questa opzione consente di aggiungere collegamenti per i contenuti selezionati all'interno del blocco.
6. Didascalia: È possibile aggiungere didascalie utilizzando l'opzione editor per ogni immagine.
7. Aggiungere: L'opzione Aggiungi consente di aggiungere o caricare nuove immagini nella galleria.
8. Altre opzioni: Offre ulteriori opzioni relative alla sezione del blocco, come duplicare, copiare, raggruppare, ecc.

Come utilizzare il blocco Galleria in WordPress

Using the Gallery block in WordPress is simple. Just follow the below steps:

Passo 1: Aggiungere il blocco Galleria nell'editor

Aprire il post o la pagina, fare clic sull'icona "+" per aggiungere un blocco e cercare "Gallery". Selezionare il blocco Galleria per inserirlo nel post o nella pagina.

Passo 2: caricare le immagini

È possibile caricare le immagini o selezionarle dalla libreria multimediale.

Come inserire le immagini tramite l'opzione di caricamento

Per inserire file di immagine, fare clic sul pulsante di caricamento, selezionare le immagini con il cursore mentre tenendo premuto il tasto CTRL della tastiera e fare clic su Apri. Ecco fatto. Le immagini vengono visualizzate nell'editor.

Come inserire un'immagine tramite l'opzione Libreria multimediale

Fare clic sul pulsante Libreria multimediale, selezionare le immagini e fare clic sui pulsanti Crea una nuova galleria e Inserisci galleria per inserire le immagini nell'editor.

Una volta inserite tutte le immagini nella galleria, si possono vedere tutte le funzioni della barra degli strumenti del blocco immagine. È possibile controllare queste funzioni qui.

Passo 3: Personalizzazione della galleria

Per la personalizzazione della galleria, andare su Impostazioni (1) > Blocco (2) > Impostazioni (3). È possibile selezionare le colonne, la risoluzione e altre opzioni.

• Colonne: Le colonne consentono di determinare il numero di immagini da visualizzare nell'editor. Più immagini si aggiungono, più colonne verranno aggiunte alla Galleria. (4)
• Risoluzione: È possibile impostare la risoluzione dell'immagine su Miniatura e Dimensione intera. (5)
• Ritagliare le immagini per adattarle: Questa funzione mantiene il rapporto di ogni immagine e ne adatta le dimensioni.
• Ordine casuale: Questa funzione non mantiene la serie, ma visualizza le immagini a una serie casuale.

L'opzione Stili presenta le seguenti opzioni.

1. Colore: L'opzione colore consente di modificare il colore di sfondo del blocco Galleria.
2. Dimensioni: L'opzione Dimensioni consente di modificare la spaziatura dei blocchi (spazio tra due blocchi come le immagini), il margine e il padding.
3. Bordo e raggio: Questa funzione consente di aggiungere un bordo, un colore e un raggio alla galleria.

Ecco la demo completa della galleria che ho creato.

Create an Interactive Gallery with Galleryberg

While the default Gallery block is excellent for simple grids, it lacks features such as a lightbox, hover effects, and diverse layouts.

If you want a more engaging gallery without writing code, the Galleria plugin is a free alternative that extends the block editor with extra tools. It lets you switch between tile, masonry, justified, and square layouts, and adds a built‑in lightbox for zooming and navigation.

Galleryberg also includes subtle hover effects and responsive controls so your galleries feel modern on desktop and mobile.

Now let’s see how to use the Galleryberg plugin.

Passo 1: installare il plugin Galleryberg

Go to your WordPress dashboard and navigate to Plugins → Add New and search for Galleryberg. Then install and activate the plugin.

Step 2: Insert the Galleryberg Gallery Block

Create a new post/page or edit an existing one. Click the “+” button, search for Galleryberg, and add the block.

Step 3: Add Your Images

Upload new images or select them from the Media Library and click Select.

Passo 4: scegliere un layout

By default, the block uses a Tiles layout. In the block’s sidebar, you can switch to Muratura, Giustificato, o Quadrato to better match your design.

Each layout automatically rearranges the images, and you can adjust the columns, spacing, and borders.

Step 5: Enable the lightbox

Toggle Enable Lightbox in the block settings to let visitors click an image and view it in a pop‑up with zoom and slide navigation.

The lightbox includes keyboard and touch controls, so it works smoothly on desktops and phones.

Step 5: Explore hover effects and captions

Use the Caption settings to display text below images or as an overlay that appears on hover. Galleryberg’s hover animations (zoom in/out and overlays) make the gallery feel interactive without distracting the

Fase 6: Anteprima e pubblicazione

Once satisfied, preview your gallery and publish or update the post. Your gallery will be responsive and performance‑optimised thanks to server‑side rendering.

Why Use Galleryberg Instead of the Core Block?

The core Gallery block offers basic grid layouts but lacks features such as a lightbox, hover animations, and varied layouts. Galleryberg provides four different gallery styles, a responsive lightbox with zoom and keyboard navigation, and intuitive controls for spacing, colors, and captions. It even supports responsive hover effects to add subtle animations. If you need a gallery that encourages visitors to interact with your images and fits seamlessly into the block editor, Galleryberg is a lightweight, user‑friendly solution.

Pensieri finali!

Il blocco Galleria è un potente strumento dell'editor di blocchi Gutenberg. Consente di visualizzare le collezioni di immagini senza bisogno di plugin aggiuntivi.

È una scelta eccellente per tutti per la sua flessibilità, le opzioni di personalizzazione e la perfetta integrazione con WordPress.

Provatelo e scoprite come può trasformare il modo in cui presentate le immagini sul vostro sito web.

Fatemi sapere cosa ne pensate di questo tutorial nella sezione commenti qui sotto. Inoltre, fatelo conoscere ai vostri amici attraverso i vostri social media.

Per saperne di più!

• Come utilizzare il blocco immagini in WordPress in 3 semplici passi
• Come utilizzare il blocco preformattato in WordPress in 3 semplici passi
• Come usare l'editor di blocchi di WordPress (guida per principianti)
• 7 migliori alternative a wpDataTables nel 2024 (a confronto)
• I migliori plugin WordPress per siti e portali di notizie (2024)

<p>The post How to Use the Gallery Block in WordPress in 3 Easy Steps first appeared on Tableberg.</p>

Per questo motivo, i web designer e i creatori di contenuti devono dedicare molto tempo al layout del sito, alle icone, ai colori, alle forme, alla tipografia, ecc. Oggi esistono numerosi plugin online che consentono di presentare i contenuti web in modo visivamente accattivante.

In questo post verranno illustrati alcuni dei migliori plugin per contenuti di WordPress per aumentare il coinvolgimento e l'attrattiva visiva. Date un'occhiata rapida a questi plugin nella tabella sottostante.

Discutiamone ora. 

1. Blocchi definitivi

Ultimate Blocks è un superbo plugin per blocchi Gutenberg per creare contenuti straordinari sul vostro sito web. Dispone di 25+ blocchi personalizzati. I più popolari sono lo slider di immagini, la valutazione, la recensione, la timeline, il contenuto a schede, il box stilizzato, il testimonial, il conto alla rovescia, il pulsante, la chiamata all'azione, il coupon e il filtro dei contenuti.

È possibile utilizzarli nei post e nelle pagine del blog. Ogni blocco è altamente personalizzabile. Basta andare alla scheda Impostazioni e stili nella barra laterale destra. Vedrete un'ampia gamma di opzioni di personalizzazione. Non sarete mai sopraffatti, perché queste opzioni di personalizzazione offrono il layout nativo di WordPress.

Inoltre, tutti i blocchi di questo plugin sono mobile-friendly. Rendono automaticamente il contenuto mobile-responsive senza bisogno del vostro tocco. Tuttavia, è possibile aggiungere punti di interruzione se necessario. Infine, Ultimate Blocks è leggero e consente al vostro sito di caricarsi velocemente.

Caratteristiche principali di Ultimate Blocks:

• Facile da installare e configurare
• Include una libreria di icone integrata
• Ha uno schema nel blocco Revisione
• Ogni blocco offre ampie possibilità di personalizzazione
• Fornisce una dashboard minimalista sul backend
• Funziona senza problemi con WooCommerce e molti plugin popolari
• Offre una versione gratuita accanto a quella premium

2. Classifica matematica SEO

Senza SEO, non è possibile raggiungere organicamente il pubblico con i propri contenuti. Rank Math è un plugin SEO molto conosciuto nel settore WordPress. Questo plugin mostra in tempo reale quanto siete riusciti a ottimizzare i vostri contenuti per ottenere prestazioni SEO di alto livello con molti indicatori.

Include il punteggio dell'ottimizzazione delle parole chiave, la leggibilità, le raccomandazioni sui link interni/esterni, ecc. Rank Math supporta i rich snippet. È possibile aggiungere i markup dello schema alle pagine per migliorare il tasso di clic.

Rank Math SEO offre un monitor 404 che rileva i link non funzionanti e li reindirizza in modo appropriato. Inoltre, il plugin si integra con diverse console di ricerca per mostrare le prestazioni dei contenuti sulla dashboard di WordPress.

Caratteristiche principali di Rank Math:

• Semplice procedura guidata di configurazione
• Gestore del reindirizzamento
• Supporta la gestione della SEO locale
• Genera una sitemap XML
• Supporta WooCommerce SEO
• Gestione dei ruoli per le autorizzazioni degli utenti
• Collegate il vostro sito a sei popolari console di ricerca

3. Tavolo di lavoro

L'aggiunta di tabelle ai post e alle pagine web diventa spesso obbligatoria per presentare determinate informazioni, come statistiche, cifre finanziarie, risultati di sondaggi, dati quantitativi, ecc. Perché le tabelle possono organizzare dati complessi in formati chiari e facilmente digeribili.

Tableberg è un plugin promettente e ricco di funzionalità che può essere utilizzato per creare varie tabelle interattive. Ad esempio, tabelle di prezzi, tabelle di confronto, tabelle di specifiche di prodotto, tabelle di presentazione dei dati, ecc.

Tableberg è un plugin versatile. Si può usare per progettare sezioni web come sezioni di servizio, caselle di chiamata all'azione, caselle di icone, caselle di immagini, ecc.

Caratteristiche principali di Tableberg:

• Permette di aggiungere immagini, valutazioni, icone, nastri, elenchi e altro ancora.
• Personalizzare l'altezza e la larghezza di righe, colonne e celle.
• È facile modificare il colore di sfondo delle singole celle
• Permette di aggiungere un filtro, una casella di ricerca e una riga/colonna adesiva.
• Nascondere/visualizzare i bordi delle celle, delle righe e delle colonne
• 100% mobile-responsive

4. OpinionCamp

OpinionCamp makes it easy to collect feedback and spark conversation on your posts or pages. Instead of relying on shortcodes, the plugin provides a Gutenberg‑native poll block. Just add a question, define answer options, and publish.  

You can visually adjust colours, button styles, and layouts without writing any CSS. Voters see results instantly, and you can choose to allow anonymous votes for privacy. OpinionCamp is lightweight and designed to feel like part of WordPress; data is stored locally, so there’s no need for external accounts.

Key features of OpinionCamp:

• 100 % block‑based polls: build and manage polls directly in the WordPress editor.
• Single and multiple-choice options: support for both single‑choice and multiple-choice polls.
• Visual customisation: customise colours, layout, and button styles without CSS.
• Instant preview: see how your poll will look as you edit.
• Anonymous voting & local storage: optional anonymous voting; all data is stored locally for privacy.
• Lightweight & modern: designed for speed with a clean interface that blends into any theme.

5. Galleria

Galleryberg helps you create attractive, professional‑looking image galleries in the Gutenberg editor. It offers multiple layout styles, including Masonry, Tiles, Justified, Square, and Mosaic. All layouts are fully responsive, and you can adjust column counts for tablets and phones.  

A built‑in lightbox provides smooth zooming and navigation, with keyboard and touch controls for an engaging viewing experience. Each image can be customized individually with borders, captions, aspect ratios, and duotone filters.  

Server‑side rendering keeps galleries lightweight and fast, while ARIA labels and keyboard navigation ensure they are accessible.

Caratteristiche principali di Galleryberg:

• Multiple gallery layouts: choose from tiles, square, masonry, or justified layouts.
• Responsive design with column control: adjust the number of columns to ensure perfect display on any device.
• Built‑in lightbox: includes smooth zoom effects, keyboard and touch navigation, and loop functionality.
• Detailed image customisation: adjust borders, captions, aspect ratios, and spacing; apply duotone filters.
• Performance‑optimised: uses server‑side rendering for faster page loads.
• Accessibility ready: ARIA labels and keyboard navigation make galleries usable for all visitors.

6. WP Rocket

La velocità di caricamento delle pagine è essenziale per il successo di qualsiasi sito web. Secondo molte statistiche, oltre 60% degli utenti abbandonano un sito web se impiega più di tre secondi per caricarsi. Un plugin di caching come WP Rocket può ridurre notevolmente il tempo di caricamento delle pagine.

WP Rocket memorizza copie dei vostri post e pagine web in una posizione temporanea nota come cache. Ogni volta che un utente visita il vostro sito, il plugin consente al server di inviare i file pre-salvati invece di generarli da zero, migliorando le prestazioni del vostro sito web.

Caratteristiche principali di WP Rocket:

• Supporta la cache della pagina e del browser
• Integra la rete CDN (content delivery network)
• Consente di controllare il battito cardiaco
• Minimizzare e combinare i file CSS e JS
• Include l'opzione di caricamento pigro
• Elimina i file non necessari dal database

7. Portafoglio di contatti Thrive

La generazione di lead è un must per il futuro finanziario di qualsiasi sito web. Vi aiuta a costruire un database di potenziali clienti per gestire campagne di marketing e aumentare le vendite con successo. Thrive Leads è un meraviglioso plugin per la generazione di lead.

Con il plugin è possibile creare vari tipi di moduli opt-in, come pop-up, slideshow e moduli incorporati, per catturare gli indirizzi e-mail dei vostri potenziali clienti. Una volta che il vostro elenco di abbonati cresce, diventa facile lanciare campagne di marketing.

Caratteristiche principali di Thrive Leads:

• Costruttore di moduli drag-and-drop
• Tipi di modulo multipli (lightbox, slide-in, inline)
• Opzioni di targeting avanzate
• Analisi dettagliate per una reportistica solida
• Offre molti modelli precostituiti
• Integrazione con i servizi di email marketing

8. Bit Social

L'impegno sui social media è inevitabile se si vuole far crescere l'identità del proprio marchio ovunque. Secondo una statistica di HubSpot, l'impegno sui social media genera circa il 3%- 4% del traffico del sito web. Anche se questa percentuale non è molto alta, può aiutarvi a far crescere il vostro marchio e ad aumentare le vendite durante le stagioni calde.

Bit Social è un plugin che può aiutarvi molto in questo senso. Permette di programmare e condividere automaticamente i post sulle piattaforme dei social media. Bit Social è integrato con oltre 7 piattaforme di social media. Ciò consente di risparmiare molto tempo, in quanto non è necessario condividere i post manualmente.

Caratteristiche principali di Bit Social:

• Include un calendario dei social media
• Filtrare i messaggi per categorie
• Condividere i post su diverse piattaforme sociali contemporaneamente
• Funziona con 19 piattaforme di social media
• Ha una versione gratuita

9. Analisi indipendente

Lo studio del traffico web è indispensabile per comprendere il comportamento dei visitatori e individuare quali sono i dati che hanno maggiore risonanza sul vostro pubblico. Questa conoscenza vi consente di prendere decisioni informate sulle campagne di marketing per aumentare le conversioni.

Independent Analytics è un plugin minimalista ma completo per l'analisi del traffico web. Se l'originale Google Analytics è eccessivo e volete un'alternativa semplice, provate questo plugin. Può fare tutto ciò che fa Google Analytics.

• Configurazione semplice e dashboard facile da usare
• La dashboard mostra i visitatori, le visualizzazioni, la frequenza di rimbalzo, le visualizzazioni per sessione, ecc.
• Mostra le prestazioni di post/pagine in tempo reale
• Visualizza le fonti di traffico, la loro posizione e i dispositivi utilizzati.
• Aiuta a osservare le prestazioni della campagna
• La versione gratuita è sufficiente per i siti web che non gestiscono campagne.

10. UpdraftPlus

Il vostro sito web può bloccarsi per una serie di motivi, molti dei quali possono essere fuori dal vostro controllo. Mantenendo regolarmente un backup è possibile ripristinare rapidamente il sito web, indipendentemente dal fatto che il sito si sia bloccato. UpdraftPlus è un popolare plugin di backup per WordPress.

Con UpdraftPlus è possibile programmare backup automatici dell'intero sito web. I backup includeranno i database web, i temi, i plugin e gli upload, assicurando che tutti i dati importanti siano al sicuro e recuperabili.

UpdraftPlus dispone di integrazioni con diversi sistemi di archiviazione cloud, come Google Drive, Dropbox, Amazon S3, ecc. per salvare i backup.

Caratteristiche principali di UpdraftPlus:

• In grado di eseguire il backup di database di grandi dimensioni (anche 100+ GB)
• Supporta backup orari, giornalieri, settimanali, mensili e quindicinali.
• Supporta 14+ cloud e storage remoto
• I backup sono criptati per sicurezza
• Compatibile con il multisito

11. Affiliati assetati

Thirsty Affiliates è un plugin per la gestione dei link di affiliazione tutto in uno per WordPress. Permette di nascondere, organizzare e monitorare tutti i link di affiliazione dalla propria dashboard. Supporta vari tipi di link, tra cui quelli testuali, a immagine e a pulsante.

Quindi, se siete professionisti del marketing di affiliazione, dovete provare questo plugin. Non importa se il vostro sito ha diverse migliaia di link di affiliazione. Con Thirsty Affiliates potrete gestirli come un professionista.

Caratteristiche principali di Thirsty Affiliates:

• Collegamento automatico di parole chiave
• Categorizzazione dei link per l'organizzazione
• Creazione e modifica di link in blocco
• Tracciamento dettagliato dei clic e analisi
• Si integra con i più diffusi page builder

Parole d'ordine!

La scelta del giusto set di plugin può migliorare in modo significativo la funzionalità del vostro sito web e l'esperienza degli utenti. La mancata scelta del plugin giusto porterà sicuramente a enormi sofferenze. Anche la sostituzione di un plugin a metà strada può compromettere la funzionalità del sito.

Per questo motivo abbiamo elencato alcuni dei migliori plugin per contenuti di WordPress per aumentare il coinvolgimento e l'attrattiva visiva, su cui potete fare affidamento senza pensarci due volte. Fateci sapere quali plugin avete scelto nel box dei commenti qui sotto.

<p>The post 11 Best WordPress Content Plugins to Boost Engagement and Visual Appeal first appeared on Tableberg.</p>

If you run a sports website, blog, or even sell sports gear, adding a league table can make your content more engaging and informative.

In this tutorial, we’ll show you two simple ways to create a league table in WordPress — using the Plugin Tableberg.

• Metodo 1: Copy & Paste the Ready-Made Pattern
• Metodo 2: Create a League Table from Scratch

Method 1: Copy & Paste the Ready-Made Pattern

Don’t want to build everything from scratch?

You can instantly add a beautiful, pre-designed Classifica della Premier League Table to your site using Tableberg’s Pattern Library.

Here’s how

Step 1: Install the Tableberg Pro Plugin

Even though Tableberg has a versione gratuita, you’ll need the Versione Pro to access the ready-made patterns.

Get Tableberg Pro from the official website, install it, and activate your license.

Step 2: Visit the Pattern & Copy It

Go to this link: Premier League Standings Table Pattern and click on the “Copy Pattern” button on the page. The pattern will be copied automatically.

Step 3: Paste the Pattern into WordPress Block Editor

Now, open the post or page where you want to add your league table.

In the WordPress block editor (Gutenberg), paste (Ctrl/Cmd + V) — and the entire table will appear instantly.

Passo 4: personalizzare la tabella

You can easily:

• Replace the team names and logos
• Update match stats (Played, Won, Lost, Drawn, Points, etc.)
• Adjust colors, borders, or typography from the sidebar settings
• Add or remove rows and columns

That’s it — your League Table is ready in seconds without building it manually.

Method 2: Create a League Table from Scratch

If you prefer full control or want to design your own layout, follow this step-by-step process to create a league table manually.

Passo 1: installare e attivare il plugin Tableberg

Tavolo di lavoro è un plugin avanzato per la creazione di tabelle. Senza questo strumento avanzato, non è possibile creare tabelle complete con il solo blocco tabelle predefinito di WordPress.

Per installare il plugin, andare su Plugin > Aggiungi nuovo plugin. Ottenere il plugin digitando Tavolo di lavoro nella casella di ricerca. Installare e attivare dopo che è apparso in basso.

Passo 2: aggiungere il blocco Tableberg all'editor di post/pagine

Aprite il post/pagina in cui volete creare la classifica. Trovare e aggiungere il blocco Tableberg premendo il tasto Icona (+).

Definire il numero di riga e di colonna come si desidera. Per questa esercitazione, selezioneremo il numero di riga e di colonna 6*11.

Il layout della tabella è pronto. Ora aggiungeremo il contenuto.

Passo 3: Aggiungere contenuto alla tabella

Il tipo di contenuto da aggiungere alla tabella dipende in gran parte dal tipo di sport. Di solito i contenuti di una tabella del campionato di calcio di serie A sono posizione, logo del club, nome del club, partita giocata, differenza reti, e punti.

# Definire la posizione (Pos)

La squadra con più punti rimane solitamente più in alto nella classifica. Questa sezione si trova nella colonna più a sinistra di una tabella. Si può vedere che abbiamo creato questa colonna nella tabella.

# Aggiungi logo e nomi dei club

Vogliamo riunire il nome del club e il logo sotto lo stesso titolo di colonna. Pertanto, è necessario unire le due celle della colonna successiva. Selezionarle premendo Maiusc + clic destro (Windows) o CMD + clic destro (Mac).

Quindi, selezionare Unire dal Modifica tabella sulla barra degli strumenti. Guardate il video qui sotto. Successivamente, abbiamo allineato il titolo al centro.

Ogni cella è dotata di un blocco Gutenberg. Facendo clic sul blocco Icona (+)è possibile aggiungere altri tipi di contenuto alla tabella. Per i loghi, selezioneremo l'elemento blocco immagine.

Si può notare che abbiamo aggiunto i loghi dei club alla tabella. Non preoccupatevi se le immagini caricate sono di grandi dimensioni. TableBerg consente di personalizzarle trascinandole.

Quindi, aggiungere i nomi dei club rispettivamente accanto alle celle del logo.

# Aggiungi numero di partite giocate, differenza reti e punti

È semplice. Come per la posizione, anche qui è possibile aggiungere il numero di partite giocate, la differenza reti e la quantità di punti di ciascun club, con un testo semplice. Lo si può vedere nell'immagine seguente.

Fase 04: stilizzare il tavolo

Con Tableberg, potete aggiungere vari livelli di stilizzazione e personalizzazione alla vostra tabella. Con la barra degli strumenti di Gutenberg, è possibile personalizzare l'allineamento e audacia del contenuto della tabella.

Si può notare che abbiamo allineato al centro e applicato il grassetto alla maggior parte dei contenuti della tabella.

Successivamente, è possibile modificare l'opzione colore del testo e dello sfondo, tipografia, dimensione dei caratteri, e dimensione del tavolo dalla barra laterale destra. Spero che possiate farli da soli.

Passo 05: modificare la larghezza della tabella e i colori delle righe

Se il contenuto è molto ampio, è possibile aumentare la larghezza della tabella. Selezionare l'intera tabella facendo clic sul pulsante Icona TableBerg sulla barra degli strumenti per tre volte consecutive.

Il Scheda Impostazioni apparirà nella barra laterale destra, dove si troverà la voce Larghezza del tavolo opzione. È possibile aumentare la larghezza della tabella impostando il valore qui.

Venite al Scheda Stili. Subito sotto, sono disponibili le opzioni per modificare il colore di sfondo delle colonne delle righe pari e dispari. Facciamolo da soli.

È quindi possibile creare una classifica in WordPress.

Video tutorial

Nota finale!

Le persone che amano lo sport sono sempre desiderose di conoscere gli aggiornamenti delle loro squadre e dei loro giocatori preferiti. È possibile creare una tabella in WordPress e condividerne i link sui social media, in modo che le persone vengano a esplorare il vostro sito.

Con questo plugin è possibile creare tabelle per i prodotti eCommerce in modo simile. Imparare come creare una tabella di confronto dei prodotti con Tableberg.

<p>The post How to Create a League Table in WordPress first appeared on Tableberg.</p>

WordPress consente di aggiungere immagini al proprio sito in numerosi modi. Uno dei modi più efficaci è quello di aggiungere le immagini in colonne e righe. Ciò consente di presentare le immagini in modo organizzato.

In questo post vi mostreremo diversi modi per visualizzare le immagini di WordPress in Colonne e Righe.

• Metodo 1: Utilizzo del blocco colonne (Ideale per il controllo manuale completo e i layout personalizzati)
• Metodo 2: Utilizzo del blocco Galleria (Ideale per griglie di immagini semplici con uno stile minimo)
• Metodo 3: Utilizzo del blocco Galleryberg (Ideale per layout avanzati con lightbox e personalizzazione)
• Metodo 4: Utilizzo del plugin Tableberg (Ideale per griglie di immagini strutturate come prezzi, orari o tabelle di prodotto)

Creare bellissimi tavoli
Con l'editor di blocchi

Prova gratuita

Ottieni un professionista

Metodo 1: Utilizzo del blocco colonne

WordPress dispone di un blocco colonna predefinito. È possibile aggiungere molti altri blocchi al suo interno, compreso il blocco immagine. Ecco la guida.

Passo 01: Aggiungere il blocco colonna di Gutenberg

Trova e aggiungere il blocco Colonna facendo clic sull'icona più (+) nell'editor.

Selezionare il numero di variazioni di colonna che si desidera aggiungere al blocco colonna. Per questa esercitazione, selezioneremo la variante di colonna 50/50.

Passo 02: Aggiungere il blocco immagine al blocco colonna

Come abbiamo detto, è possibile inserire altri blocchi Gutenberg all'interno del blocco colonna. Ora, fare clic sull'icona più (+) all'interno della colonna. Trova e aggiungere il blocco immagine ad esso.

È ora possibile aggiungere immagini dalla Libreria multimediale o dall'unità locale. Fate come volete.

Passo 03: stilizzare il blocco immagine all'interno del blocco colonna

Si può notare che è stata aggiunta un'immagine. È possibile allinearla centralmente utilizzando l'opzione di allineamento sulla barra degli strumenti. Ridimensionare l'immagine utilizzando l'icona del cerchio dei bordi. Infine, è possibile stilizzarla ulteriormente utilizzando le opzioni della scheda Stile.

Allo stesso modo, aggiungere un'immagine anche all'altra colonna.

Metodo 2: Utilizzo del blocco Galleria

WordPress dispone di un blocco Galleria predefinito con il quale è possibile aggiungere più immagini con lo stesso layout di blocco.

Passo 01: Aggiungere il blocco Galleria

Come il metodo precedente, trovare e aggiungere il blocco Galleria all'editor.

Sarà possibile caricare le immagini dal proprio computer. unità locale o il Biblioteca multimediale. In questa esercitazione, caricheremo le immagini dalla Libreria multimediale.

Passo 02: Selezionare e caricare le immagini

Selezionare le immagini che si desidera caricare nel blocco Galleria. È possibile selezionare tutte le immagini desiderate. Una volta fatto, fare clic sul pulsante Crea una nuova galleria.

Se si desidera, è possibile aggiungere didascalie per ogni immagine. Non c'è problema se non aggiungete nulla. Premete il tasto Pulsante Inserisci galleria alla fine.

Si può notare che le immagini sono state aggiunte alla galleria. Successivamente, è possibile personalizzare il blocco Immagine utilizzando le opzioni della cartella Impostazioni e Scheda Stili nella barra laterale destra.

Si spera che possiate farlo da soli, quindi non entro nei dettagli.

Metodo 3: Utilizzo del plugin Galleryberg

Se si cerca un modo più flessibile e visivamente curato per visualizzare le immagini in colonne o righe, l'opzione Galleria è una scelta fantastica. Si tratta di un plugin per blocchi di gallerie nativo di Gutenberg che vi offre molteplici opzioni di layout - tra cui Tiles, Masonry, Justified e Square, tutti con funzionalità integrate. lightbox supporto.

Passo 1: installare il plugin Galleryberg

Accedere alla dashboard di WordPress e navigare in Plugin > Aggiungi nuovo. Quindi cercare "Galleryberg" e installare e attivare il plugin.

Passo 2: Aggiungere il blocco Galleryberg

Aprire la pagina o il post in cui si desidera visualizzare le immagini. Quindi fare clic sul pulsante + e cercare la voce "Galleria". Aggiungerlo alla pagina.

Passo 3: caricare o selezionare le immagini

Utilizzare la libreria multimediale o caricare nuove immagini. È possibile riorganizzare le immagini mediante trascinamento.

Passo 4: scegliere un layout

Dal pannello delle impostazioni del blocco, selezionare il layout desiderato:

• Piastrelle: Layout a griglia con spaziatura uguale (ideale per righe e colonne)
• Muratura: Layout sovrapposti in stile Pinterest
• Giustificato: File ordinatamente allineate di uguale altezza
• Quadrato: Quadri perfetti per una visualizzazione uniforme della griglia

Passo 5: Attivare l'opzione Lightbox

Nella barra laterale delle impostazioni del blocco, attivare l'opzione Abilita Lightbox opzione.

Le immagini si apriranno in un popup con transizioni fluide, effetti di zoom e navigazione a scorrimento.

Passo 5: Personalizzazione e pubblicazione

• Impostare il numero di colonne (da 1 a 8) Nella barra laterale delle impostazioni del blocco, scorrere fino alla voce Lightbox sezione.
• Attivare l'opzione Abilita Lightbox opzione.
• Le immagini si apriranno in un popup con transizioni fluide, effetti di zoom e navigazione a scorrimento.
• Regolate la spaziatura, le didascalie, i bordi e altro ancora.
• Abilita la lightbox per le anteprime interattive delle immagini

Cliccare Pubblicare o Aggiornamento e la galleria apparirà in righe e colonne pulite e reattive.

Metodo 4: utilizzo del plugin Tableberg

TableBerg è un plugin per la creazione di tabelle facile da usare. Permette di aggiungere vari blocchi personalizzati alle celle della tabella per creare tabelle multifunzionali. In questa sezione vi mostreremo come aggiungere immagini in WordPress utilizzando il plugin Tavolo di lavoro plugin.

Passo 01: installare e attivare il plugin Tableberg

Vai a Plugin > Aggiungi nuovo plugin. Tipo Tavolo di lavoro nella casella di ricerca. Installare e attivare una volta che il plugin viene visualizzato di seguito.

Passo 02: Aggiungere il blocco Tableberg al post/pagina

Il plugin viene fornito con un blocco Gutenberg chiamato TableBerg. Trovare e aggiungere il blocco Blocco TabelBerg al vostro editore.

Definire il numero di riga e di colonna della tabella. Il processo è simile a quello del blocco tabella predefinito. Farlo da soli.

Passo 03: trovare e aggiungere il blocco immagine alla tabella

Spero che la tabella sia pronta. Selezionare la cella in cui si desidera aggiungere un'immagine. Una volta selezionata una cella, il pulsante icona più (+) apparirà.

Fare clic sull'icona più (+). Si otterrà il blocco immagine. Colpire il blocco Immagine.

Si apriranno le opzioni per caricare le immagini dall'unità locale o da Media Library. Fare clic sull'opzione desiderata e caricare l'immagine.

Passo 04: stilizzare l'immagine caricata

Si spera che l'immagine sia già stata caricata nella tabella. Passare alla scheda Stili nella barra laterale destra. Troverete opzioni come Duotone, Border e Radius per stilizzare il vostro blocco immagine.

In questo modo, è possibile caricare immagini nella tabella di WordPress con il plugin. Esplora come creare una sezione per i membri del team in WordPress utilizzando il blocco colonne.

Osservazioni finali!

Per gestire con successo un sito web, è necessario caricare e presentare i contenuti in modi diversi. A volte, lo stesso contenuto deve essere presentato in modi diversi in diversi post e pagine. Lo stesso vale per il blocco delle immagini.

Si spera che, dopo aver letto questo tutorial, sarete in grado di aggiungere il vostro blocco immagine in vari modi in WordPress e di apportare variazioni al contenuto.

<p>The post How to Display WordPress Images in Columns & Rows first appeared on Tableberg.</p>

Con l'editor di blocchi Gutenberg, è possibile aggiungere facilmente schede ai post del blog. In questo articolo vi mostreremo come creare schede in WordPress per organizzare i contenuti. Prima però risponderemo ad alcune domande di base.

Creare schede per qualsiasi contenuto in WordPress

La libreria di blocchi predefinita di Gutenberg non ha il blocco scheda. È necessario utilizzare un plugin come Blocchi definitivi per averlo nella libreria dei blocchi. Il plugin ha 25+ plugin aggiuntivi con i quali è possibile portare il web design e il content marketing a un livello superiore.

La 'TContenuto abbed' di Ultimate Blocks consente di aggiungere qualsiasi contenuto nelle schede. Vediamo come fare.

Passo 01: Installare e attivare il plugin Ultimate Blocks

Vai a Plugin > Aggiungi nuovo plugin. Tipo Blocchi definitivi nella barra di ricerca in alto a destra. Installare e attivare il plugin dopo che è stato visualizzato qui sotto.

Passo 02: Inserire il blocco di contenuto a schede

Aprire un post o una pagina. Trovate la voce Contenuto a schede premendo pulsante più (+). Una volta trovato il blocco, aggiungerlo all'editor di Gutenberg.

Passo 03: Aggiungere nuove schede e rinominarle

Facendo clic sul pulsante icona più (+)è possibile aggiungere al blocco il numero di schede desiderato.

Prendere il cursore e fare clic sulla scheda una per una. Sarà possibile rinominarle. Rinominare le schede in base al contenuto che si intende visualizzare.

Passo 04: Aggiungere contenuto alle schede

Selezionare la scheda in cui si desidera aggiungere il contenuto. Posizionare quindi il cursore nell'editor. Verrà visualizzata l'icona pulsante più (+) dell'editor di Gutenberg. Fare clic e scegliere il blocco di contenuto desiderato.

Per il tutorial, abbiamo aggiunto alla scheda i blocchi di testo e di immagine. Allo stesso modo, è possibile aggiungere altri blocchi alla scheda. Fare lo stesso con le altre schede.

Passo 05: personalizzare le schede

Accedere alla barra laterale destra mantenendo selezionato il blocco Contenuto a schede. Troverete varie opzioni da configurare, come i tipi di scheda, l'ancoraggio della scheda e la reattività.

Quando si passa alla versione premium, è possibile aggiungere icone ai titoli delle schede, testi secondari e pulsanti di invito all'azione alle schede.

Successivamente, si arriva al Scheda Stili. Si avranno opzioni per colorare il contenuto delle schede, modificare il layout delle schede e impostare una nuova dimensione. Spero che possiate esplorarle e realizzarle da soli.

Video tutorial

Creare schede per le tabelle in WordPress

Le schede non sono solo per il testo o le immagini: sono anche un modo eccellente per organizzare più tabelle affiancate sul vostro sito web. Sia che si voglia permettere agli utenti di passare da una tabella all'altra prezzi mensili e annuali, confrontare le caratteristiche del prodottoo presentare i dati in più lingue, Tavolo di lavoro lo semplifica con la sua funzione di Alterna schede.

Con Tableberg "Aletta per Tableberg", è possibile:

• Aggiungere più tabelle in schede separate
• Consentite ai visitatori di confrontare i piani tariffari, le caratteristiche o gli insiemi di dati con un solo clic
• Mantenete le vostre tabelle organizzate, pulite e super facili da navigare

Ecco come creare schede per le tabelle utilizzando Tableberg:

Fase 1: inserimento del blocco 'Toggle for Tableberg'.

• Aprite il vostro post o pagina nell'editor di WordPress.
• Fare clic sull'icona (+), cercare Aletta per Tableberge aggiungere il blocco.

Fase 2: Impostazione e personalizzazione delle schede

• Per impostazione predefinita, vengono visualizzate le schede "Scheda 1", "Scheda 2" e "Scheda 3".
• Fare clic sulle icone + o - per aggiungere o rimuovere schede secondo necessità.
• Rinominare ogni scheda (ad esempio, "Mensile", "Annuale", "Standard", "Premium").
• Usare il pannello delle impostazioni sulla destra per regolare i titoli, l'allineamento, i colori e i bordi per ottenere lo stile preferito.

Passo 3: Aggiungere una tabella a ciascuna scheda

• Selezionare una scheda, quindi fare clic al suo interno per aggiungere una tabella Tableberg.
• È possibile creare una nuova tabella da zero o inserire uno dei modelli di tabella predefiniti di Tableberg.
• Ogni scheda può contenere una tabella unica, ideale per i confronti o per mostrare le opzioni.

Fase 4: Anteprima e pubblicazione

• Usate l'anteprima per assicurarvi che le tabelle a schede abbiano l'aspetto e il funzionamento giusti.
• Una volta soddisfatti, pubblicate o aggiornate il vostro post/pagina.

Ecco un esempio di come appare una tabella prezzi a schede con Tableberg:

Conclusione

Il blocco Tabbed Content fornito con il plugin Ultimate Blocks è automaticamente reattivo su tutti i dispositivi. Di conseguenza, non è necessario dedicare molto tempo alla responsività del dispositivo.

Ma quello che dovete fare è posizionare il blocco in un punto adatto che renda perfetto l'intero post/pagina. Esplorate il nostro altro post - come creare un pulsante di invito all'azione in WordPress.

<p>The post How to Create Tabs in WordPress to Organize Content first appeared on Tableberg.</p>

Con un pulsante a levetta, i visitatori possono passare istantaneamente da due o più opzioni, come i prezzi mensili o annuali, la modalità chiara o scura, o persino sezioni di contenuto completamente diverse, senza ingombrare la pagina.

In questo post scoprirete due semplici modi per aggiungere pulsanti a levetta al vostro sito WordPress:

• Metodo 1: Aggiungere un pulsante di attivazione per qualsiasi tipo di contenuto (testo, immagini, moduli, ecc.).
• Metodo 2: Aggiungere un pulsante di selezione per le tabelle dei prezzi o per qualsiasi tipo di dati tabellari.

Immergiamoci!

Metodo 1: Aggiungere un pulsante a levetta per qualsiasi tipo di contenuto

Se si vuole permettere agli utenti di passare da un blocco di contenuti all'altro, come ad esempio Domande frequenti, dettagli del prodotto o diverse caratteristiche, questo metodo fa al caso vostro.

Utilizzeremo il Blocchi definitivi che offre un versatile blocco Content Toggle (Contenuto a schede) che funziona per tutti i tipi di contenuto.

Passo 1: Installare il plugin Ultimate Blocks

• Accedere alla dashboard di WordPress.
• Andare su Plugin > Aggiungi nuovo.
• Cercate "Ultimate Blocks" e installatelo/attivatelo.

Passo 2: Aggiungere il blocco di contenuto a schede

• Aprite un post o una pagina nell'editor di WordPress.
• Tipo /contenuto tabellare oppure utilizzare l'icona + per aggiungere il blocco Contenuto a schede.

Il blocco "Contenuto a schede" apparirà come segue

Passo 3: personalizzare il blocco per le funzioni di commutazione

Selezionare il blocco e scegliere l'opzione Stile delle pillole nelle impostazioni (questo rende le schede simili a pulsanti).

Centrare l'allineamento per ottenere un look classico da alamaro.

Fare clic sul pulsante + segno accanto alla prima scheda per aggiungerne un'altra. Aggiungere almeno due schede (ad esempio, "Mensile" e "Annuale" o "Dettagli" e "Riepilogo"). Rinominare le schede in modo che corrispondano alle opzioni di selezione.

Utilizzare le Impostazioni colore per impostare colori contrastanti, in modo che sia chiaro quale scheda è attiva.

Fase 4: Aggiungere il contenuto

Fare clic all'interno di ogni scheda per aggiungere il contenuto preferito (testo, immagini, elenchi, moduli o altri blocchi).

Se necessario, è possibile personalizzare ulteriormente: modificare gli sfondi delle schede, i colori dei contenuti e altro ancora.

Fase 5: Anteprima e pubblicazione

• Utilizzare l'opzione Anteprima per testare la commutazione.
• Una volta soddisfatti, pubblicare o aggiornare la pagina.

Ecco fatto! Ora disponete di un pulsante di attivazione flessibile per qualsiasi tipo di contenuto sul vostro sito WordPress.

Metodo 2: Aggiungere un pulsante a levetta per le tabelle dei prezzi (e altro)

Volete consentire agli utenti di passare da tabelle di prezzi mensili a tabelle di prezzi annuali o di confrontare diversi set di dati uno accanto all'altro? Il Aletta per Tableberg del plugin Tableberg è stato progettato proprio per questo!

Con Tableberg ProIl blocco Toggle consente di organizzare un numero qualsiasi di tabelle in schede ordinate e cliccabili, perfette per i piani tariffari, i confronti tra prodotti, le tabelle multilingue o qualsiasi altro scenario in cui abbiano senso più tabelle.

Fase 1: inserimento del blocco 'Toggle for Tableberg'.

• Aprite il vostro post o pagina nell'editor di WordPress.
• Fare clic sull'icona + (più) e cercare "Toggle for Tableberg".
• Aggiungere il blocco alla pagina.

Fase 2: Impostazione e personalizzazione delle schede

• Per impostazione predefinita, vengono visualizzate tre schede etichettate come "Scheda 1", "Scheda 2" e "Scheda 3".
• Aggiungete o rimuovete schede a seconda delle necessità utilizzando le icone + o -.
• Rinominare ogni scheda (ad esempio, "Mensile", "Annuale" o "Piano base", "Piano Pro").
• Utilizzate il pannello delle opzioni di destra per regolare i titoli delle schede, l'allineamento, i colori e i bordi per ottenere un aspetto personalizzato.

Passo 3: Aggiungere le tabelle

• Fare clic su ciascuna scheda per aggiungere una tabella unica all'interno.
• Costruire una nuova tabella da zero o inserire un modello di tabella Tableberg precostruito.
• Ogni scheda può contenere una tabella completamente diversa, ottima per confrontare caratteristiche, livelli di prezzo, set di dati e altro ancora.

Casi d'uso più comuni

• Tabelle dei prezzi: Consentite agli utenti di scegliere tra prezzi mensili e annuali o tra diversi piani.
• Confronto dei dati: Mostrate i dati regionali, le specifiche dei prodotti o le metriche delle prestazioni in schede separate.
• Contenuto didattico: Organizzare le lezioni o il materiale del corso per facilitare la navigazione.
• Tabelle multilingue: Visualizzare gli stessi dati in diverse lingue per i visitatori internazionali.

Fase 4: Anteprima e pubblicazione

• Visualizzare l'anteprima delle schede toggle per verificare che tutto appaia e funzioni come previsto.
• Pubblicare o aggiornare il post/pagina quando è pronto.

Ecco un esempio di come appare il toggle per una tabella dei prezzi.

Conclusione

L'aggiunta di un pulsante a levetta al vostro sito WordPress è un ottimo modo per migliorare la navigazione, risparmiare spazio e dare ai visitatori un accesso immediato ai contenuti che interessano, sia che si tratti di passare da un piano tariffario all'altro, di visualizzare i dettagli o di confrontare i dati.

• Per qualsiasi tipo di contenuto, utilizzare Blocchi definitivi per creare ginocchiere flessibili in pochi secondi.
• Per le tabelle dei prezzi e per i layout di tabella più avanzati, provare Blocco a levetta per Tableberg Pro per un'esperienza di tabulazione senza soluzione di continuità.

Provate questi metodi sul vostro sito e rendete i vostri contenuti più interattivi e facili da usare. Avete domande o bisogno di aiuto? Fatecelo sapere nei commenti!

<p>The post How to Add a Toggle Button To Your WordPress Site first appeared on Tableberg.</p>

In questo articolo vi mostreremo diversi modi efficaci per affiancare testo e immagine in WordPress. Seguiteci fino alla fine. Imparerete davvero qualcosa di interessante.

Metodo 1: Utilizzo del blocco Media e testo

Media e testo è un blocco predefinito dell'editor di blocchi di Gutenberg. Con questo blocco, è possibile affiancare testo e immagini senza dover ricorrere a strumenti di terze parti.

Passo 01: Aggiungere i media e il testo all'editor

Fare clic sul pulsante icona più (+) sull'editor. Tipo Media e testo nella barra di ricerca. Aggiungere il blocco all'editor.

Passo 02: Aggiungere/caricare un'immagine al blocco

È possibile aggiungere un'immagine caricandola dall'unità locale, dalla libreria multimediale o da quella in primo piano. Scegliete l'opzione che preferite.

Si può vedere che l'immagine viene aggiunta al blocco.

Passo 03: Aggiungere testo al blocco Media e testo

Scrivere il testo desiderato sulla colonna destra del blocco. È possibile personalizzare il colore del testo, l'allineamento e altro ancora.

Passo 04: Alternare la posizione del testo e dei file multimediali

Il blocco consente di alternare la posizione dei file di testo e multimediali facendo clic sulle rispettive opzioni nella barra degli strumenti.

Metodo 2: Utilizzo del blocco colonne

Il Colonne è anche un blocco predefinito dell'editor. È uno dei blocchi più utilizzati nella creazione di contenuti in WordPress.

Passo 01: aggiungere il blocco colonne all'editor

È possibile visualizzare testo e immagine affiancati aggiungendo l'opzione Paragrafo e Blocchi di immagini separatamente all'interno dei blocchi di colonne.

Quindi, aggiungere il blocco Colonne prima all'editore.

Selezionare un layout a due colonne.

Passo 02: Aggiungere il blocco immagine al blocco colonne

È meglio visualizzarli a sinistra. Quindi, aggiungere il blocco immagine alla colonna di sinistra.

Anche in questo caso, aggiungere l'immagine desiderata, sia essa proveniente dall'unità locale, dalla libreria multimediale o da un URL.

Si può vedere che l'immagine è stata aggiunta al blocco.

Passo 03: Aggiungere il testo al blocco di cloumns

Aggiungere il Blocco di paragrafi alla colonna di destra. In questo modo è possibile aggiungere del testo.

Si può notare che il testo viene aggiunto alla colonna.

Successivamente, è possibile personalizzare il blocco delle colonne, compresi l'immagine e il testo.

Metodo 3: utilizzo del blocco Tableberg

Tavolo di lavoro è un meraviglioso plugin per la creazione di tabelle che consente di progettare numerose parti per il proprio sito web. Questo plugin consente anche di affiancare testo e immagini. Scaricate il plugin facendo clic sui pulsanti allegati al banner sottostante.

Creare bellissimi tavoli
Con l'editor di blocchi

Prova gratuita

Ottieni un professionista

Iniziate subito a seguire il tutorial.

Passo 01: aggiungere il blocco Tableberg all'editor

Questo plugin aggiunge un blocco denominato Tableberg alla libreria dei blocchi di Gutenberg. Aggiungere il blocco Tableberg all'editore.

Selezionare il numero di colonne e righe necessarie per il layout. Noi sceglieremo 2*1.

Le colonne e le righe sono pronte.

Passo 02: Aggiungere un'immagine a una cella della tabella

L'Tableberg consente di aggiungere diversi blocchi personalizzati alle sue celle. Facendo clic sul pulsante icona più (+), trovare e aggiungere il blocco immagine a una delle sue celle.

Caricare l'immagine per l'unità locale o aggiungerne una dalla libreria multimediale.

Abbiamo aggiunto un'immagine, che potete vedere qui sotto.

Passo 03: Aggiungere testo alla tabella

È sufficiente aggiungere testo alla colonna di destra utilizzando il blocco paragrafo.

Passo 04: modifica del bordo Tableberg

È possibile rendere questa sezione più attraente rimuovendo o colonizzando il bordo della tabella. Vai a il Scheda Stili.

Vieni a tavola Border scorrendo la scheda verso il basso. Da queste opzioni è possibile rimuovere o colorare il bordo della tabella.

È quindi possibile creare sezioni web per affiancare testo e immagini in WordPress.

Metodo 4: Utilizzo del blocco Sliderberg

Volete mostrare testo e immagini affiancati in uno slider interattivo? Il Sliderberg vi permette di fare esattamente questo, utilizzando il noto blocco Media & Text, con la massima flessibilità. Ecco come configurarlo in pochi minuti:

Passo 1: Installare e attivare il plugin Sliderberg

Per prima cosa, andare su Plugin → Aggiungi nuovo nella dashboard di WordPress, cercare "Sliderberg" e fare clic su Installa ora. Quindi attivare il plugin.

Passo 2: Inserire il blocco Sliderberg

Modificare il post o la pagina. Fare clic sul pulsante + cercare "Sliderberg" e inserire il blocco Sliderberg nel punto in cui si desidera che appaia il cursore.

Passo 3: Selezionare il tipo di "cursore blocchi".

Quando viene richiesto, scegliere l'opzione Cursore dei blocchi opzione. Ciò consente di aggiungere qualsiasi blocco Gutenberg all'interno di ogni diapositiva.

Passo 4: scegliere un colore di sfondo per il cursore

Scegliete un colore di sfondo per il vostro cursore che si adatti allo stile del vostro sito, oppure mantenetelo trasparente per un look pulito.

Passo 5: Aggiungere il blocco 'Media e testo' all'interno del cursore

All'interno della prima diapositiva, fare clic sul pulsante + e inserire il pulsante Media e testo blocco.

Passo 6: Aggiungere immagine e testo al cursore

Utilizzare il blocco Media e testo per caricare l'immagine (lato sinistro) e aggiungere il testo (lato destro). È possibile utilizzare titoli, paragrafi, pulsanti o qualsiasi altro blocco necessario.

Passo 7: Aggiungere o duplicare le diapositive

Volete altre diapositive? Fare clic su Aggiungere una diapositiva per crearne uno nuovo, oppure Slide duplicate per copiare un layout esistente.

Passo 8: personalizzare il cursore e pubblicarlo

Modificare le impostazioni del cursore (animazione, autoplay, frecce di navigazione, ecc.) in base alle proprie preferenze. Quando si è pronti, fare clic su Pubblicare per andare in onda!

Ora avete uno slider fluido e reattivo che mostra testo e immagini affiancati, perfetto per le vetrine dei team, i prodotti, le testimonianze e altro ancora.

Suggerimento: È possibile utilizzare qualsiasi all'interno delle diapositive Sliderberg, non solo Media & Text! Potete creare pulsanti, icone, colonne o anche blocchi di terze parti.

Conclusione

In effetti, è possibile sfruttare i blocchi predefiniti di Gutenberg per creare e progettare i post e le pagine web. Ma poiché mancano di molte funzioni avanzate, spesso è necessario ricorrere a plugin di blocco aggiuntivi, dotati di molte funzioni interessanti.

Tableberg è un plugin interessante che si può usare in questo caso. Ultimate Blocks è un altro ottimo plugin per i blocchi che dovreste prendere in considerazione. Esplorate le versioni gratuite di questi due plugin facendo clic sui pulsanti allegati qui sotto.

Leggi anche:

• Come affiancare le immagini in WordPress
• Come aggiungere testo sopra un'immagine in WordPress
• Come ridimensionare i blocchi in WordPress

<p>The post How to Put Text and Image Side by Side in WordPress first appeared on Tableberg.</p>

WYSIWYG sta per "What You See Is What You Get". Significa che si costruiscono e si modificano le tabelle in modo da rispecchiare l'aspetto finale, proprio come si farebbe lavorando in un documento di Word. Se il blocco Tabella predefinito vi fa desiderare di più, questa guida fa al caso vostro.

Oggi vi mostrerò come creare una tabella di grande impatto visivo utilizzando il plugin WYSIWYG table builder. La tabella è qui sotto.

Che cos'è una tabella WYSIWYG in WordPress?

Una tabella WYSIWYG consente di modificare i contenuti in modo visivo, direttamente all'interno dell'editor di WordPress. Niente HTML. Nessun codice breve. Solo risultati in tempo reale e controlli intuitivi.

Ottenete:

• Modifica in tempo reale senza ricaricare
• Formattazione flessibile con rich media
• Un'atmosfera di trascinamento per la struttura
• Facile integrazione di immagini, icone e pulsanti

È il modo più semplice per creare tabelle ricche di contenuti senza spese tecniche.

Perché il blocco tabelle predefinito di WordPress è insufficiente

Il blocco Tabella integrato fa il suo dovere per i layout di base, ma le sue capacità finiscono qui:

• Nessun drag-and-drop per le righe o le colonne
• Personalizzazione limitata dei bordi, della spaziatura o dei colori
• Non è possibile unire e dividere le celle.
• Nessun supporto per i media all'interno delle cellule
• Scarsa reattività dei dispositivi mobili

Se la vostra tabella ha bisogno di qualcosa di più di un semplice testo, vi troverete rapidamente di fronte a un muro.

Perché scegliere un plugin per tabelle WYSIWYG?

Per sbloccare tutto il potenziale del design delle tabelle, un plugin per tabelle visive come Tavolo di lavoro è una scelta intelligente. Vi offre:

• Editor visivo: Apportate le modifiche che ritenete opportune, senza fare congetture.
• Trascinamento: Riorganizzare le celle richiede pochi secondi
• Blocchi multimediali: Aggiungere immagini, pulsanti, icone e stelle di valutazione
• Stili personalizzati: Controllo del padding, dei bordi, dell'allineamento e dei colori delle celle
• Facile da usare per i dispositivi mobili: Scegliere la risposta della tabella su schermi più piccoli

Questo tipo di plugin rende la progettazione di tabelle ricche semplice come la modifica di un post del blog.

Creare bellissimi tavoli
Con l'editor di blocchi

Prova gratuita

Ottieni un professionista

Come creare una tabella WYSIWYG con Tableberg

Per creare una tabella WYSIWYG con Tableberg, dobbiamo prima installare il plugin.

1. Installare il plugin Tableberg

Vai a Plugin (1) > Aggiungi nuovo (2), cercare "Tableberg" (3) e fare clic su Installa (4) seguito da Attiva.

2. Aggiungere una nuova tabella

Aprire un post o una pagina in cui si desidera aggiungere la tabella. Fare clic sul pulsante icona più (+) sull'editore (1). Tipo Tavolo di lavoro nella casella di ricerca (2). Aggiungere il blocco all'editor (3).

Impostare il numero di colonne e righe della tabella. Selezioneremo 3 × 5 per ora, ma creerà o eliminerà colonne e righe se necessario. Fare clic sul pulsante Crea tabella alla fine.

A breve si vedrà la tabella inserita nell'editor, come di seguito.

Fase 3: Aggiungere il contenuto in modo visibile

A. Inserire il contenuto del testo

Posizionare il cursore nelle celle della tabella e digitare come si desidera.

B. Aggiungere immagini

A questo punto, inserire il blocco immagine per inserire le immagini dei prodotti cliccando sul pulsante "+". È possibile caricare immagini o selezionarle dalla libreria multimediale.

C. Aggiungere una valutazione a stelle

Aggiungete le stelle di valutazione, se volete. Le valutazioni a stelle sono un ottimo modo per dimostrare la qualità dei vostri prodotti.

D. Aggiungere i pulsanti

I pulsanti sono un modo efficace per promuovere qualsiasi prodotto o servizio. Quindi posizionateli in modo strategico

Anche il collegamento di un pulsante è semplice: fare clic sul pulsante, selezionare l'opzione di collegamento, inserire il link di destinazione e regolare gli attributi del collegamento.

È possibile regolare e personalizzare i pulsanti dal pannello laterale destro.

E. Inserire le icone

Le icone funzionano a meraviglia per indicare quali funzioni sono disponibili e quali no. L'inserimento del blocco icona è uguale a quello di qualsiasi altro blocco.

F. Inserire un elenco stilizzato

Styled List è un altro blocco essenziale che aiuta ad aggiungere una serie di funzionalità con icone simultaneamente.

Ora aggiungete le vostre caratteristiche. Ogni volta che si preme il tasto "Invio" sulla tastiera, è possibile aggiungere nuove funzioni.

È possibile accedere alle opzioni di personalizzazione del blocco Elenco stilizzato sul lato destro dell'editor.

Ecco la tabella che ho creato utilizzando Tableberg senza personalizzazione.

Ho aggiunto alcuni colori, padding, margini e nastro in alto. Di seguito sono riportate le immagini della personalizzazione che ho effettuato.

Ecco i codici colore che ho utilizzato nella tabella. (Colore intestazione: #f3f3f3, Colore sfondo riga pari: #3fad3d63, Colore sfondo riga dispari: #d1dec8)

Dopo la personalizzazione, la versione finale è presentata di seguito.

Nome del prodotto	Canon EOS $1400 Prendilo ora! Opzione migliore	Lumix GH6 $1200 Prendilo ora!
Impermeabilizzazione alle intemperie
LCD touchscreen
Caratteristiche aggiuntive	Autofocus veloce Controllo Iso elevato Opzione AWB	Autofocus veloce Controllo Iso elevato Opzione AWB
Connettività WIFI

Una volta soddisfatti, pubblicare o aggiornare la pagina. La tabella con stile visivo è ora attiva.

Altri plugin per tabelle WYSIWYG da tenere in considerazione

Mentre Tavolo di lavoro offre un'esperienza fluida e basata su blocchi, ma ci sono altre opzioni solide a seconda delle esigenze:

• Costruttore di tabelle WP - Drag-and-drop, supporto flessibile per i contenuti, supporto per tutti i costruttori di pagine.
• Tavoli Ninja - Ricco di funzionalità con integrazioni e logica condizionale
• TabellaStampa (con estensioni) - Ottimo per grandi insiemi di dati

Ognuno di essi ha dei punti di forza, ma Tableberg è costruito per funzionare in modo nativo con Gutenberg e privilegia l'editing visivo.

Casi d'uso pratici

Le tabelle WYSIWYG sono perfette per:

• Confronto dei prezzi e ripartizione delle funzionalità
• Tabelle di affiliazione con pulsanti e valutazioni
• Griglie dei membri del team o programmi degli eventi
• Cataloghi di prodotti con cellule ricche di media
• Istruzioni passo-passo per l'uso
• Riassunti dei contenuti per lunghi post del blog

Se il vostro contenuto prevede una struttura o un confronto, queste tabelle lo rendono più accattivante e informativo.

Pensieri finali

Creare una tabella di bell'aspetto non dovrebbe essere una sfida tecnica. Un plugin WYSIWYG come Tavolo di lavoro vi dà la libertà di progettare tabelle che si adattano allo stile dei vostri contenuti, senza toccare una sola riga di codice.

Se si desidera visualizzare caratteristiche, confronti o elenchi dinamici, Tableberg lo fa in modo semplice.

Siete pronti a provare l'Tableberg?
Iniziate oggi stesso con l'Tableberg ➔

Per saperne di più!

• Come creare il primo tavolo con Tableberg
• Come l'intelligenza artificiale può aiutarvi a creare tabelle automaticamente in WordPress
• Come generare tabelle di WordPress da file CSV o XML (senza bisogno di codici)
• Come generare una tabella di confronto da un post del blog utilizzando ChatGPT
• I modi migliori per utilizzare le tabelle per il marketing di affiliazione in WordPress

<p>The post WordPress WYSIWYG Table: Create Visually Editable Tables Without Coding first appeared on Tableberg.</p>

Cosa succede se si implementano correttamente le fisarmoniche? I contenuti diventano più facili da esplorare, gli utenti si concentrano, la navigazione mobile migliora e i motori di ricerca possono premiarvi con una migliore visibilità. Se fate tutto nel modo giusto, funzioneranno come un indice che risponde alle domande prima ancora che gli utenti le pongano.

Questa guida vi mostrerà come implementare le fisarmoniche in WordPress utilizzando strumenti editor-friendly che mantengono il processo semplice e pulito, senza bisogno di codifica.

Aggiungere fisarmoniche in WordPress

Esiste più di un modo per aggiungere fisarmoniche in WordPress, ma non tutti sono facili da usare nell'editor di blocchi. Nelle prossime sezioni, inizieremo con un metodo di base utilizzando un blocco incorporato, per poi passare a un'opzione più flessibile con un plugin.

Metodo 1: Utilizzo del blocco dettagli nativi

Il modo più semplice per creare una fisarmonica in WordPress è quello di utilizzare la funzione integrata Blocco dei dettagli. Vediamo come funziona.

Passo 1: Aggiungere il blocco Dettagli

Aprire il post o la pagina nell'Editor blocchi. Fare clic sull'icona più (+), cercare Dettagli e inserire il blocco.

Fase 2: Aggiungere il titolo e il contenuto

Inserire il titolo della fisarmonica nel segnaposto "Scrivi sommario". Quindi, fare clic sull'icona della freccia accanto per espandere la sezione. Una volta espansa, apparirà un'area di contenuto in cui sarà possibile aggiungere testo, immagini, elenchi o qualsiasi altro blocco.

Fase 3: aggiunta di altre levette

Per aggiungere altri elementi alla fisarmonica, ripetere la stessa procedura inserendo nuovi blocchi Dettagli. Per un layout annidato, espandere l'area del contenuto di un blocco Dettagli esistente, fare clic sull'icona più (+) al suo interno e aggiungere un altro blocco Dettagli.

Questo metodo è perfetto per le FAQ veloci o per le configurazioni minime. Tenete presente che offre solo uno stile di base e non include opzioni di progettazione avanzate.

Metodo 2: Utilizzo del plugin Ultimate Blocks

Se si desiderano più opzioni di stile e un migliore controllo sulla fisarmonica, l'opzione Blocchi definitivi è un'ottima scelta. Offre un blocco Content Toggle che funziona perfettamente nell'editor di blocchi.

Passo 1: Aggiungere il plugin al sito

Dalla vostra dashboard di WordPress, andate nel menu Plugin e fate clic su Aggiungi nuovo. Nella barra di ricerca, digitate Ultimate Blocks, quindi fate clic su Installa ora nella scheda del plugin. Al termine dell'installazione, attivatelo per rendere disponibili i nuovi blocchi nell'editor.

Passo 2: inserire il blocco Toggle Content

Aprire la pagina o il post in cui si desidera la fisarmonica. Fare clic sull'icona più (+), cercare il blocco Contenuto e aggiungerlo. Questo blocco crea una sezione espandibile con un titolo e un'area di contenuto.

Fase 3: Aggiungere titolo e contenuto

Digitare il titolo dell'accordion nel campo dell'etichetta, quindi aggiungere il contenuto sottostante. È possibile includere qualsiasi tipo di blocco all'interno del toggle, come testo, immagini, pulsanti, elenchi o persino un altro blocco Content Toggle all'interno dell'area del contenuto per creare un accordion annidato. 

Per aggiungere altre sezioni, basta fare clic sull'icona (+) quando si passa il mouse sui pannelli esistenti. Per rimuovere un pannello, procedere allo stesso modo, ma invece di fare clic sull'icona (+), scegliere l'icona (x) nell'angolo in alto a destra. 

Passo 4: personalizzare la fisarmonica

Dal pannello delle impostazioni del blocco sulla destra, è possibile controllare il titolo del pannello, regolare lo stato dei toggle, attivare le FAQ Schema, aggiungere un'opzione di ricerca integrata per l'accordion, scegliere un'icona di stato, modificare i colori del testo o dello sfondo e molto altro ancora. 

Se lo si usa per le FAQ, si può anche attivare il markup FAQ Schema dalle impostazioni per aiutare i contenuti a qualificarsi per i rich snippet nella ricerca di Google.

Conclusione

Se l'obiettivo è rendere più facile la scansione di contenuti lunghi, le fisarmoniche rappresentano una soluzione pulita. Abbiamo imparato due approcci: il blocco nativo Details offre una configurazione leggera, senza plugin aggiuntivi e con un caricamento veloce. Il blocco Content Toggle di Ultimate Blocks aggiunge controlli di stile avanzati, pannelli annidati e uno schema di FAQ integrato. Entrambi i metodi migliorano l'usabilità mobile e il potenziale SEO. Scegliete l'approccio che meglio si adatta al vostro flusso di lavoro e alle vostre esigenze di contenuto.

<p>The post How to Add Accordions in WordPress Block Editor first appeared on Tableberg.</p>

Ma siamo onesti: costruirli manualmente può sembrare una fatica. Anche gli utenti più esperti perdono tempo ad allineare le celle e a formattare i layout.

Ora c'è un modo migliore. L'intelligenza artificiale sta cambiando il modo in cui costruiamo le tabelle. Invece di trascinare colonne o armeggiare con l'HTML, si descrive ciò di cui si ha bisogno e lo si guarda prendere vita. Questo non è il futuro, è già qui.

Perché usare l'intelligenza artificiale per la creazione di tabelle in WordPress?

Dopo aver lavorato per anni con siti WordPress ricchi di contenuti, ho visto quanto possa essere dispendiosa la creazione di tabelle. Per i non designer e i blogger impegnati, questo è un killer della produttività. L'AI risolve questo problema.

1. Genera istantaneamente layout di tabella utilizzabili.
2. Ideale per i creatori con zero competenze di progettazione o codifica
3. Elimina il problema della formattazione e della modifica del layout
4. Trasforma i contenuti scritti in dati strutturati e scremabili
5. Gestisce insiemi di dati lunghi o complessi senza rallentamenti

Non si tratta di sostituire gli sforzi. Si tratta di reindirizzarlo verso ciò che conta di più: i vostri contenuti.

Che tipo di tabelle l'AI può aiutare a creare?

La bellezza di AI sta nella sua gamma. Non vi limita a un solo tipo di tabella. Si adatta al vostro flusso di lavoro:

• Tabelle di confronto: Distinguere le differenze tra i prodotti o i piani
• Tabelle dei prezzi: Perfetto per SaaS, servizi o negozi WooCommerce
• Tabelle di dati: Utile per sondaggi, metriche di blog o elenchi
• Elenco Tabelle: "Top tools", "best apps", "editor's picks" - tutti ordinatamente organizzati.
• Tabelle caratteristiche: Ideale per le caratteristiche dei plugin, le specifiche dei prodotti o le evidenziazioni affiancate

Se il contenuto ha una struttura, AI può presentarlo in formato tabella.

Creare bellissimi tavoli
Con l'editor di blocchi

Prova gratuita

Ottieni un professionista

Come l'intelligenza artificiale può aiutarvi a costruire tabelle in WordPress

Ecco come l'intelligenza artificiale sta semplificando il processo per gli utenti di WordPress:

1. Generare una tabella dal contenuto del blog

Avete un post in stile elenco o una carrellata? L'intelligenza artificiale analizza il contenuto, estrae i punti chiave e costruisce una tabella strutturata intorno ad essi.

Esempio: Avete scritto un blog "Top SEO Tools" - AI estrae i nomi, i prezzi e le caratteristiche principali in un layout di tabella pulito. Guardate la demo qui sotto.

2. Generare una tabella da un prompt

Anche se si parte da zero, si può dire all'intelligenza artificiale ciò di cui si ha bisogno. Una semplice richiesta, come "Tabella dei prezzi a 3 colonne per un'applicazione di fitness", produce una tabella già pronta che può essere facilmente modificata.

Ecco la demo qui sotto.

3. Convertire elenchi puntati o dati grezzi in tabelle

Avete abbozzato alcune caratteristiche o note in formato bullet? Incollateli e lasciate che l'IA li trasformi in una tabella lucida in pochi secondi.

Come potete vedere qui sotto, ho copiato del testo dal WowStore e dal Carosello prodotti della mia bozza e l'ho incollato in ChatGPT. Gli ho chiesto di creare una tabella per me a partire dal testo che gli ho fornito. Guardate come ha creato la tabella.

4. Creare tabelle da fogli di calcolo o CSV

Avete un file CSV o un foglio di calcolo? Datelo in pasto ad AI. Strutturerà i dati in modo appropriato e vi aiuterà anche a creare uno stile adatto al vostro sito.

5. Suggerire stili o layout di tabella

Non sapete come dovrebbe apparire la vostra tabella? L'intelligenza artificiale può suggerire formati basati sul tipo di contenuto, come confronti tra affiliati, piani tariffari o pro e contro.

In che modo Tableberg sta portando la creazione di tavoli alimentati dall'intelligenza artificiale?

Se avete usato Tavolo di lavoro prima d'ora, sapete già che si tratta di un plugin di tabelle di spicco per Gutenberg. Ma quello che sta per succedere è la parte più eccitante.

Presto, l'Tableberg ve lo permetterà:

• Creare una tabella dai contenuti del blog esistenti
• Costruire una tabella semplicemente descrivendola in linguaggio naturale
• Ottenere suggerimenti immediati per il layout e lo stile

Tutto questo si inserisce direttamente nel flusso di lavoro di Gutenberg. Nessun strumento esterno. Nessun codice. Basta scrivere, descrivere e pubblicare.

Perché è importante per i creatori di contenuti?

Questi miglioramenti non sono solo aggiornamenti minori. Possono cambiare l'intero flusso di lavoro dei contenuti:

• Pubblicare in modo più rapido ed efficiente
• Dedicate meno tempo a sistemare i layout e più tempo alla strategia.
• Utilizzate tabelle pulite e pronte per i dispositivi mobili che migliorano l'UX
• Adattarsi rapidamente mentre l'intelligenza artificiale diventa uno strumento standard per la creazione di contenuti in WordPress.

Quando il tempo è denaro, l'automazione non è più un optional. È un vantaggio.

Conclusione

La creazione di tabelle con l'AI non è solo una comodità, ma un modo più intelligente di lavorare. Elimina le parti ripetitive del processo, permettendovi di concentrarvi sulla creazione di contenuti migliori. Dai post sul blog ai confronti tra prodotti, le tabelle sono più facili, più veloci e più pulite quando l'intelligenza artificiale si occupa del lavoro pesante.

Siete curiosi di provarlo? Dare Tavolo di lavoro ed esplorare ciò che è possibile fare con i tavoli guidati dall'intelligenza artificiale.

Per saperne di più!

• Come generare una tabella di confronto da un post del blog utilizzando ChatGPT
• Il futuro dei plugin da tavolo: Tendenze da osservare ora e oltre
• I modi migliori per utilizzare le tabelle per il marketing di affiliazione in WordPress
• Le 5 principali caratteristiche del plugin Tableberg per risparmiare tempo
• 10 caratteristiche principali da ricercare in un plugin per tabelle di WordPress (prima di acquistarlo)
• Come evidenziare i prodotti consigliati in una tabella di WordPress

<p>The post How AI Can Help You Create Tables Automatically in WordPress first appeared on Tableberg.</p>