Come progettare il tuo sito WordPress con contenuti dinamici

Come progettare il tuo sito WordPress con contenuti dinamici

Come posso rendere professionale il mio sito Web? È una domanda che molti aspiranti costruttori di siti Web si pongono quando stanno pianificando il loro progetto. Le risposte ovvie includeranno il miglioramento del design o l’aggiunta di molte funzioni fantasiose.


In realtà, uno dei modi più efficaci per migliorare veramente il tuo sito Web di base e renderlo professionale e personalizzato è l’aggiunta di contenuti dinamici. I contenuti dinamici offriranno ai tuoi utenti un’esperienza molto più appagante sul tuo sito web.

Introduzione ai contenuti dinamici

Che cos’è esattamente il contenuto dinamico?

Il contenuto dinamico si riferisce al contenuto Web interattivo che cambia in base all’ora, alla posizione e all’utente. Quando un utente naviga in un sito Web dinamico, WordPress estrae le informazioni corrette dal database per visualizzarle in base alla pagina in cui si trovano.

Con contenuti statici, ciò che vedi sul front-end non cambierà. In effetti, molto probabilmente avrai bisogno dell’aiuto di uno sviluppatore se vuoi apportare modifiche ad esso. Tuttavia, con i contenuti dinamici i proprietari di siti Web possono modificare istantaneamente tutto sul back-end senza codifica. Significa che le informazioni possono cambiare in base a ciò che l’utente sta guardando, fornendo un’esperienza molto più interattiva.

Per illustrare, se sei su un sito web di palestra potresti voler guardare le diverse palestre disponibili. Naturalmente, ogni palestra avrà informazioni diverse come il proprio nome, indirizzo ed elenco di servizi. Pertanto, quando fai clic su ciascuna palestra vedrai contenuti diversi ad essa correlati che non troverai nelle altre pagine.

Palestra dell'equilibrio

Energy Club

I vantaggi del contenuto dinamico

I contenuti dinamici offrono molti vantaggi al tuo sito Web che i contenuti statici non possono offrire.

  • Un’esperienza utente migliore. Gli utenti saranno in grado di vedere i contenuti che sono adattati a loro, come le diverse offerte che cambieranno in base al loro comportamento.
  • Migliora i tuoi KPI. Con i contenuti dinamici puoi migliorare le conversioni e ridurre la frequenza di rimbalzo sul tuo sito Web creando contenuti personalizzati.
  • Navigazione fluida. I contenuti dinamici offrono un’esperienza fluida attraverso un sito Web rispetto ai contenuti statici in quanto puoi facilmente trovare il contenuto che stai cercando.
  • Facile da aggiornare. Puoi semplicemente modificare la tua pagina sul back-end di WordPress senza dover assumere uno sviluppatore esperto.
  • Risponde alle dimensioni dello schermo. Un sito Web dinamico si adatta facilmente a varie dimensioni dello schermo rispetto a uno statico.

Vi sono due modi in cui consigliamo di creare contenuti dinamici. Di seguito ti mostreremo le due opzioni e esattamente come puoi creare i tuoi siti Web con entrambi.

1. Crea contenuti dinamici con blocchi di set di strumenti e Gutenberg

Set di attrezzi

Informazioni e download

Il lancio di Blocchi set di strumenti offre un nuovo modo per creare contenuti dinamici su WordPress usando il suo editor di blocchi, Gutenberg.

Dal suo lancio un anno fa, Gutenberg è notevolmente migliorato per offrire un modo semplice e intuitivo per la progettazione e l’implementazione dei siti Web. La parte migliore è che i non programmatori ora possono facilmente creare esattamente ciò che avevano in mente usando Gutenberg e plugin integrati.

Ciò include contenuti dinamici che i creatori di siti Web possono creare con Gutenberg grazie a Block set di strumenti.

Come funzionano i blocchi di set di strumenti?

Toolset Blocks è un nuovo plugin che puoi usare su due fronti:

  1. Crea funzionalità avanzate personalizzate come modelli di contenuto, archivi e Visualizzazioni.
  2. Supporta origini dinamiche per blocchi che rendono disponibili i campi e le tassonomie personalizzati da visualizzare sulle tue pagine.

Pertanto, è possibile utilizzare i blocchi del set di strumenti per aggiungere facilmente contenuti dinamici a post, pagine o modelli senza codifica.

Di seguito ho creato un esempio di modello di contenuto per un sito Web dimostrativo di palestre che garantisce che ogni post di palestra abbia lo stesso design ma contenuti diversi grazie a contenuti dinamici.

Modello di contenuto del set di strumenti

Come creare un modello di contenuto con contenuto dinamico utilizzando i blocchi del set di strumenti

Creiamo un modello per il tipo di post personalizzato Palestre sul nostro sito web.

Avrai bisogno di installa i blocchi del set di strumenti prima di iniziare e assicurarsi di conoscere le basi dell’utilizzo dell’editor Gutenberg.

Esistono due fonti principali da cui è possibile disegnare contenuti dinamici utilizzando i blocchi del set di strumenti. Puoi utilizzare una fonte dal post corrente o da un campo personalizzato. Di seguito esamineremo entrambe le opzioni per mostrare quando potrebbe essere necessario utilizzarle.

Visualizzazione di contenuti dinamici da un post corrente

Vai a Set di strumenti> Dashboard e fai clic su Crea modello di contenuto opzione accanto al tipo di post per cui si desidera creare un modello di contenuto.

Crea modello di contenuto

Ora possiamo iniziare ad aggiungere i nostri blocchi per creare il nostro modello di contenuto. Immaginiamo di voler aggiungere un’immagine. Per prima cosa seleziona il + opzione in alto a sinistra per aggiungere un blocco.

Set di strumenti Crea un blocco

Scorri verso il basso fino a trovare l’elenco dei blocchi del set di strumenti e aggiungi il Blocco immagine.

Blocco immagine set di strumenti

Ora vedrai una domanda che ti chiederà se desideri utilizzare le fonti dinamiche o meno. Clic .

Fonte dinamica dell'immagine del set di strumenti

Seleziona la fonte per la tua immagine. Ciò determina il contenuto che verrà visualizzato da WordPress a seconda dell’opzione selezionata. Voglio visualizzare le immagini in primo piano di ogni palestra all’interno del blocco, quindi selezionerò Dati immagine in primo piano opzione.

Set di strumenti Dati immagine in primo piano

Nella barra laterale di destra è possibile regolare ulteriormente l’immagine se si desidera modificare l’origine del contenuto dinamico o lo stile dell’immagine, ad esempio.

Impostazioni immagine del set di strumenti

Visualizzazione di contenuto dinamico da un campo personalizzato

Possiamo usare lo stesso modello di contenuto di prima per creare blocchi con contenuto dinamico da un campo personalizzato. Questa volta aggiungerò il campo personalizzato per le valutazioni di ogni palestra come contenuto dinamico.

Vai all’elenco dei blocchi del set di strumenti e aggiungi il Blocco a campo singolo.

Blocco strumenti a campo singolo

Sulla barra laterale a destra sotto Sorgente del campo, seleziona il Campo personalizzato tipo di campo.

Sotto il Gruppi di campi personalizzati menu a discesa scegliere il palestre tipo di post. Nota che questo sarà il tipo di post personalizzato da cui desideri estrarre il campo personalizzato.

Sotto il Campo personalizzato menu a discesa selezionare il campo personalizzato che si desidera visualizzare. Ho selezionato il Valutazione opzione.

Post campi personalizzati set di strumenti

Se si passa tra i diversi pali della palestra sul front-end, vedrai che ogni post mostra il prezzo corretto per quella palestra grazie al contenuto dinamico. Nota come non abbiamo avuto bisogno di usare alcun codice per creare i nostri contenuti dinamici.

Ho aggiunto alcuni altri blocchi con contenuto dinamico al mio modello di contenuto. Guarda come appare ora sul front-end.

Esempio di palestra del set di strumenti

2. Creazione di contenuti dinamici con totale

Un altro modo altrettanto efficace per creare contenuti dinamici è utilizzare il tema Totale per creare modelli di post dinamici integrati.

Quali funzionalità offre Total?

Total è uno dei temi più popolari su WordPress e viene fornito con una serie di funzioni che puoi impostare facilmente senza dover scaricare più plug-in per eseguire queste attività.

  • Importatore di demo semplice – Trasforma il tuo sito vuoto in un sito Web completamente funzionale ricco di contenuti con un clic quando selezioni di importare una delle oltre 40 demo pre-costruite di Total.
  • Trascina e rilascia generatore di pagine – Total è integrato con il popolare builder di pagine WPBakery per offrirti un builder drag & drop intuitivo in modo da poter costruire facilmente il tuo sito Web.
  • Centinaia di elementi del generatore di pagine – Sfrutta le centinaia di elementi del generatore di pagine di Total per personalizzare le tue pagine.
  • Facilmente personalizzabile – Utilizza le impostazioni di personalizzazione live per modificare un numero di elementi sul tuo sito tra cui colori, caratteri, larghezze e molto altro.
  • Sviluppatore amichevole – Total include numerosi hook e filtri integrati che ti consentono di modificare facilmente il tema con oltre 450 frammenti disponibili dalla documentazione online.

E, naturalmente, puoi creare contenuti dinamici usando Total. Di seguito ti mostriamo un esempio di ciò che puoi ottenere rendendo dinamico un semplice elemento del portafoglio.

Come creare un modello di contenuto dinamico con totale

Vai a Visual Composer> Modelli e clicca Aggiungere nuova. Quindi dai un nome al tuo modello.

Layout post portfolio totale

Per prima cosa aggiungerò il Post Media elemento che mostrerà qualunque media tu aggiunga ai tuoi post. Per i portafogli, questa potrebbe essere l’immagine, la galleria, il video in primo piano ecc.

Successivamente, includerò il Pubblica contenuto modulo che visualizzerà qualsiasi contenuto aggiunto ai post nell’editor.

Media postali totali

Con Total puoi includere un numero di elementi di post nel tuo modello dinamico. Aggiungi titolo del post, metadati, elementi correlati, tag, link social e altro. Al termine fare clic Pubblicare.

Ora dobbiamo assegnare il modello dinamico al nostro tipo di post personalizzato del nostro portfolio. Per fare questo vai su WordPress Customizer, quindi vai a Portafoglio e seleziona il modello appena creato in Modello dinamico (avanzato).

Modello dinamico totale

Ora puoi vedere i tuoi contenuti multimediali in azione. Clic Salva e pubblica e i tuoi contenuti dinamici dovrebbero essere pronti.

Frontend di template dinamico totale

La creazione di modelli dinamici è un’opzione particolarmente utile se si creano siti Web per i clienti. Usandoli puoi creare un modello una volta e assegnarlo immediatamente a tutti gli articoli del tuo portafoglio. Non solo, ma se devi modificare un layout, tutto ciò che devi fare è modificare il modello e anche tutti gli articoli del tuo portafoglio verranno aggiornati.


Raccontaci la tua esperienza di creazione di contenuti dinamici! Ora hai due metodi per creare contenuti dinamici. Puoi scaricare o Blocchi set di strumenti o Tema totale oggi e inizia prendendo il tuo sito Web da base a personalizzato.

Hai usato uno dei due strumenti per aggiungere contenuti dinamici al tuo sito web? Facci sapere come ha funzionato per te nei commenti qui sotto!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me