Come utilizzare la gestione dei modelli?

Webayt La gestione dei template in un CMS viene utilizzata per creare contenuti HTML e CSS riutilizzabili. Ciò consente di creare un template e aggiungerlo alle aree pertinenti utilizzando gli shortcode, invece di riscrivere ripetutamente lo stesso design o blocco di contenuto su pagine diverse.

I modelli possono essere utilizzati per tabelle prezzi, codici identificativi, riquadri informativi personalizzati, simulazioni linguistiche, confronti tra pacchetti, aree di campagna o sezioni di design personalizzate ricorrenti.

A cosa serve la gestione dei modelli?

La gestione dei modelli consente di gestire centralmente gli elementi di design e di contenuto utilizzati più frequentemente sul tuo sito web. Dopo aver creato un modello, puoi richiamarlo utilizzando gli shortcode nelle aree di contenuto HTML supportate.

Questa struttura è particolarmente utile quando lo stesso contenuto viene utilizzato su più pagine. Qualsiasi modifica apportata a un modello si rifletterà in tutte le aree in cui tale modello viene utilizzato.

Uno dei principali vantaggi della Gestione dei Modelli è che rende il processo di traduzione più sicuro per le strutture HTML complesse. Quando l'intero codice HTML viene incluso nel processo di traduzione, la struttura dei tag, i nomi delle classi o il layout grafico possono talvolta risultare alterati. Con la Gestione dei Modelli, invece, la struttura HTML viene preservata e vengono tradotti solo i campi di testo definiti come parametri.

Ad esempio, è possibile preparare come modelli strutture riutilizzabili come le seguenti:

• Tabelle comparative dei pacchetti
• Schede prezzi o servizi
• aree CTA
• Riquadri informativi
• Sezioni HTML personalizzate
• Visibilità su Google o simulazioni multilingue
• Blocchi ripetuti di campagne o promozionali

Come posso accedere alla pagina di gestione dei modelli?

Per gestire i modelli, puoi accedere alla sezione Gestione modelli dal menu a sinistra nel pannello di amministrazione Webayt.

 Gestione dei modelli

Questa pagina elenca i modelli creati in precedenza. Puoi aggiungere nuovi modelli, modificare o eliminare quelli esistenti oppure visualizzarne gli shortcode.

Schermata Elenco modelli

Nella schermata principale di Gestione modelli, i modelli creati sono elencati in una tabella. Questa tabella visualizza il nome del modello, lo shortcode, le informazioni sui parametri e le informazioni sullo stato.

La schermata dell'elenco visualizza in genere le seguenti informazioni:

• Nome del modello: questo è il nome del modello visualizzato nel pannello e durante la selezione dei modelli.
• Shortcode: un codice speciale utilizzato per richiamare il template nelle aree di contenuto.
• Parametro: indica il numero di variabili utilizzate all'interno del modello o lo stato del parametro.
• Stato: indica se il modello è aperto o chiuso.
• Modifica: Utilizzato per aggiornare le informazioni del modello.
• Elimina: Utilizzato per rimuovere il modello corrispondente.

Lo shortcode del template viene utilizzato per richiamare il template corrispondente all'interno del contenuto della pagina. Ad esempio, uno shortcode del template potrebbe apparire così:

 { { template:mock_template_name } }

Come aggiungere un nuovo modello?

Per creare un nuovo modello, vai alla scheda Aggiungi modello . In questa schermata, definisci il nome del modello, lo shortcode, il contenuto HTML/CSS, i parametri e lo stato.

1. Accedi al pannello di amministrazione Webayt.
2. Dal menu a sinistra, vai a Gestione modelli .
3. Fai clic sulla scheda Aggiungi modello .
4. Inserisci il nome del modello e la chiave dello shortcode.
5. Aggiungi il tuo contenuto HTML o CSS all'area del modello.
6. Se necessario, definire i campi dei parametri.
7. Imposta lo stato del modello su attivo o disattivo.
8. Salva il modello facendo clic sul pulsante Aggiungi .

Campi di inserimento del modello

La schermata di aggiunta o modifica del modello include alcuni campi chiave che determinano il funzionamento del modello stesso.

Nome del modello

Il nome del modello è il nome che verrà visualizzato nel pannello e nelle selezioni dei modelli. Questo campo deve essere scritto in modo descrittivo, così da poter identificare facilmente il modello in seguito.

Esempi di nomi di modelli:

 Pacchetti CTA
Pagina di ricerca di Google
Modello di gestione del sito
Supporto multilingue

Tasto codice breve

La chiave Short Code è la chiave univoca utilizzata per richiamare il template nei campi di contenuto. Questo campo viene in genere creato utilizzando lettere minuscole, numeri, trattini e underscore.

Ad esempio, se la chiave dello shortcode è management_plans , questo template può essere richiamato nel campo di contesto con il seguente shortcode:

 { { template:mock_template_name } }

Si raccomanda che lo shortcode sia chiaro e spieghi lo scopo del template.

Area modelli

L'area del template è dove si scrive la struttura HTML o CSS che si desidera creare. Questa sezione contiene il codice che determina l'aspetto del template sul front-end.

L'area del modello può contenere schede HTML e CSS. La scheda HTML è destinata al contenuto strutturale, mentre la scheda CSS è per la modifica visiva.

Se desideri utilizzare campi modificabili nel tuo modello HTML, puoi definirli tra parentesi graffe.

 {titolo}
{descrizione}
{button_text}

Queste variabili possono essere elencate automaticamente nel campo dei parametri del modello e modificate separatamente per le diverse lingue.

Parametri

La sezione Parametri è l'area in cui vengono gestite le variabili definite in un modello HTML. Le variabili utilizzate all'interno del modello sono elencate in questa sezione ed è possibile inserire il testo corrispondente a tali variabili.

Ad esempio, se la variabile {title} è definita nel modello HTML, il testo del titolo corrispondente a questa variabile può essere inserito nel campo dei parametri. Analogamente, è possibile creare campi parametri separati per variabili come {description} , {button_text} o simili.

Lo scopo principale dei parametri è garantire che, durante il processo di traduzione, venga tradotto solo il testo inserito in questi campi. Ciò impedisce che l'intero codice HTML del template venga incluso nella traduzione.

Questa struttura è particolarmente importante nei modelli contenenti codice HTML complesso. Quando l'intero codice HTML viene inviato al processo di traduzione automatica, i tag HTML, i nomi delle classi, i codici personalizzati o la struttura del design possono in alcuni casi risultare corrotti. Tuttavia, quando si utilizzano i parametri, la struttura HTML e CSS rimane invariata; viene tradotto solo il contenuto testuale visibile all'utente.

Pertanto, per blocchi di design personalizzati, campi a più colonne, tabelle dei prezzi, confronti tra pacchetti, sezioni CTA avanzate o contenuti contenenti HTML complesso, si consiglia di utilizzare la Gestione modelli.

Situazione

Lo stato determina se il template può essere utilizzato sul sito.

• Chiaro: anche se utilizzato nel contenuto del template, verrà visualizzato sul sito.
• Disabilitato: il template non verrà visualizzato sul sito, anche se utilizzato nei contenuti.

Se un modello deve essere temporaneamente disabilitato, potrebbe essere più sicuro impostarne lo stato su "disattivato" anziché eliminarlo.

Come utilizzare i modelli nei contenuti?

I modelli creati in Gestione modelli possono essere richiamati utilizzando shortcode nei campi di contenuto in cui è possibile inserire codice HTML.

Ad esempio, quando aggiungi il seguente shortcode a un editor di contenuti supportato, il modello corrispondente viene visualizzato automaticamente in quel campo:

 { { template:mock_template_name } }

Questa funzione consente di aggiungere rapidamente un design creato in precedenza a pagine diverse.

In genere, i modelli possono essere utilizzati nelle aree in cui è possibile inserire contenuti HTML. Ad esempio, gli shortcode dei modelli sono preferibili nelle pagine informative e di sezione, nelle pagine di categoria, nelle pagine di contenuto e nelle aree di contenuto HTML personalizzato.

Selezione del modello tramite editor

Webayt Nell'editor CMS, i modelli disponibili possono essere visualizzati tramite un elenco a discesa o un'area di selezione dei modelli. Da quest'area è possibile selezionare il modello desiderato per aggiungere lo shortcode all'editor.

Quando si seleziona un template, il suo shortcode viene aggiunto all'editor. Tuttavia, quando la pagina viene visualizzata sul front-end, al posto dello shortcode viene mostrato l'output HTML effettivo del template.

Come utilizzare l'anteprima del modello?

È possibile verificare l'aspetto del modello utilizzando l'opzione di anteprima nella schermata di modifica del modello.

La finestra di anteprima ti permette di vedere come apparirà il template sul front-end. Questo ti consente di controllare il design, il testo e il layout prima di pubblicare il template.

Visualizzare in anteprima i modelli, soprattutto quelli contenenti HTML e CSS, è utile per individuare layout errati o parametri mancanti.

Il vantaggio di utilizzare i parametri nei modelli

I parametri rendono i modelli più flessibili e sicuri. Sono particolarmente utili quando si desidera gestire solo il titolo, la descrizione, il testo dei pulsanti o contenuti modificabili simili, mantenendo la stessa struttura HTML.

All'interno di un template, i campi modificabili vengono definiti utilizzando le parentesi graffe. Ad esempio, campi come {title} , {description} o {button_text} possono essere utilizzati come parametri.

Uno dei vantaggi più importanti dei parametri è che solo il contenuto di questi parametri viene tradotto nel processo di traduzione automatica. Pertanto, l'intera struttura HTML del template non viene inclusa nel processo di traduzione.

Questo è particolarmente importante nei progetti che contengono codice HTML complesso. Quando l'intero codice HTML viene inviato per la traduzione, la struttura dei tag, i nomi delle classi, i codici personalizzati o il layout potrebbero risultare corrotti in alcuni casi. Tuttavia, quando si utilizza la Gestione dei modelli, la struttura HTML viene preservata e viene tradotto solo il testo inserito nei campi dei parametri.

Pertanto, si consiglia di utilizzare la Gestione modelli per blocchi di design personalizzati, strutture HTML avanzate, campi a più colonne, tabelle dei prezzi, tabelle comparative o sezioni di contenuto personalizzate riutilizzabili.

Ad esempio, supponiamo che tu stia creando un campo CTA (Call to Action). Se definisci campi come il titolo, la descrizione e il testo del pulsante come parametri, puoi utilizzarli con testi diversi senza alterare la struttura del design e assicurarti che solo questi testi specifici vengano tradotti durante il processo di traduzione.

Utilizzo di modelli su siti web multilingue

Webayt Nei CMS, i testi dei parametri utilizzati nei modelli possono essere tradotti in diverse lingue. Ciò consente di utilizzare la stessa struttura del modello con contenuti in lingue diverse su siti web multilingue.

Nella Gestione dei modelli, la struttura HTML e CSS rimane invariata; il processo di traduzione viene eseguito utilizzando il testo inserito nei campi dei parametri. Questa struttura contribuisce a evitare che il codice HTML complesso venga corrotto durante la traduzione.

Pertanto, quando si creano contenuti con HTML personalizzato per siti web multilingue, può essere più vantaggioso utilizzare la Gestione dei modelli piuttosto che aggiungere direttamente codici HTML lunghi e complessi all'editor di pagina.

Dopo aver apportato modifiche al modello, potrebbe essere necessario aggiornare gli elenchi corrispondenti. Per informazioni dettagliate sull'aggiornamento degli elenchi e sulla selezione della lingua di traduzione, consultare la guida "Come utilizzare gli elenchi per gli aggiornamenti?" .

Cosa bisogna considerare quando si aggiorna il modello?

Quando si aggiorna un template, anche l'aspetto delle pagine in cui tale template viene utilizzato potrebbe risentirne. Pertanto, è importante esaminare le modalità di utilizzo esistenti prima di apportare modifiche, soprattutto ai template più utilizzati.

• Verifica in quali pagine viene utilizzato il template.
• Visualizza in anteprima le modifiche dopo aver apportato modifiche a HTML e CSS.
• Assicurarsi che non vi siano testi mancanti o errati nei campi dei parametri.
• Assicurati che lo stato del modello sia abilitato.
• Se necessario, aggiornare gli elenchi pertinenti.
• Se la memorizzazione nella cache è abilitata, aggiorna la cache per quella pagina.

Quali aspetti bisogna considerare quando si utilizzano i modelli?

La gestione dei modelli è uno strumento potente che facilita la creazione di contenuti ripetitivi. Tuttavia, è fondamentale che i modelli siano organizzati e di facile comprensione.

• Nel pannello, scegli un nome per il modello che sia facile da capire.
• Scrivi il codice breve in modo semplice e descrittivo.
• Mantieni il codice HTML e CSS organizzato.
• Definisci i nomi dei parametri in modo comprensibile.
• Quando possibile, definisci il testo da tradurre come parametri.
• Presta attenzione all'utilizzo dei parametri per evitare che il codice HTML complesso venga corrotto durante la traduzione automatica.
• Evitate di creare inutilmente più modelli per lo stesso scopo.
• Prima di eliminare i modelli non utilizzati, verifica se vengono impiegati su pagine attive.
• Prima di pubblicare il modello, visualizzane l'anteprima.

Quando è opportuno utilizzare la gestione dei modelli?

Se devi utilizzare lo stesso blocco di design in più punti, o se le strutture HTML personalizzate si ripetono nei tuoi contenuti, l'utilizzo della Gestione modelli risulta molto utile.

Creare un modello potrebbe essere una buona idea nelle seguenti situazioni:

• Quando si desidera utilizzare lo stesso campo CTA su pagine diverse
• Quando si desidera gestire centralmente i campi relativi a pacchetti, prezzi o confronti.
• Quando non si desidera digitare ripetutamente blocchi HTML personalizzati
• Quando si desidera utilizzare lo stesso design con testi diversi in contenuti multilingue
• Quando si desidera impedire che il codice HTML complesso venga corrotto durante la traduzione automatica.
• Quando si desidera aggiungere blocchi di progettazione predefiniti all'editor

Riepilogo

La Gestione dei modelli è l'area del CMS Webayt utilizzata per creare contenuti HTML e CSS riutilizzabili. I modelli creati possono essere utilizzati nelle aree di contenuto in cui è possibile inserire codice HTML tramite shortcode.

Utilizzando i parametri nei modelli, è possibile definire campi modificabili, garantire che solo il contenuto di tali parametri venga tradotto durante il processo di traduzione automatica e prevenire la corruzione di strutture HTML complesse. Questa struttura consente di utilizzare lo stesso modello di design in modo più sicuro su pagine diverse e in lingue diverse.

Dopo aver apportato modifiche al modello, ricordati di aggiornare gli elenchi corrispondenti nella sezione "Elenchi da aggiornare", se necessario.