Come aggiungere uno shortcode in WordPress (Guida per principianti)

Sentiamo spesso utenti che si sentono sopraffatti dagli shortcode di WordPress.

Questi piccoli frammenti di codice potrebbero sembrare confusi all'inizio, ma sono in realtà una delle funzionalità più potenti di WordPress se usati correttamente.

Sia che tu voglia aggiungere moduli di contatto, gallerie o layout personalizzati, gli shortcode offrono un modo semplice per inserire funzionalità complesse senza toccare alcun codice.

In questa guida per principianti, ti mostreremo esattamente come aggiungere shortcode in WordPress, dove posizionarli e i modi migliori per usarli.

Abbiamo suddiviso tutto in passaggi semplici e facili da seguire che chiunque può capire, anche se sei completamente nuovo a WordPress.

Cosa sono gli shortcode?

Gli shortcode in WordPress sono scorciatoie di codice che ti aiutano ad aggiungere contenuti dinamici a post, pagine e widget della barra laterale di WordPress. Vengono visualizzati tra parentesi quadre come questa:

[myshortcode]

Per capire meglio gli shortcode, diamo un'occhiata al motivo per cui sono stati aggiunti in primo luogo.

WordPress filtra tutti i contenuti per assicurarsi che nessuno utilizzi i contenuti di post e pagine per inserire codice dannoso nel database. Ciò significa che puoi scrivere HTML di base nei tuoi post, ma non puoi scrivere codice PHP.

Ma cosa succede se volessi eseguire del codice personalizzato all'interno dei tuoi post per visualizzare post correlati, banner pubblicitari, moduli di contatto, gallerie o qualcos'altro?

È qui che entra in gioco l'API Shortcode.

Fondamentalmente, consente agli sviluppatori di inserire il proprio codice all'interno di una funzione e quindi registrare tale funzione con WordPress come shortcode, in modo che gli utenti possano utilizzarla facilmente senza alcuna conoscenza di codifica.

Quando WordPress trova lo shortcode, eseguirà automaticamente il codice associato ad esso.

Vediamo come aggiungere facilmente shortcode ai tuoi post e pagine WordPress.

Puoi usare i link qui sotto per saltare al tuo metodo preferito:

• Aggiungere uno Shortcode nei Post e nelle Pagine di WordPress
• Aggiungere uno Shortcode nei Widget della Sidebar di WordPress
• Aggiungere uno shortcode nel vecchio editor classico di WordPress
• Aggiungere uno Shortcode nei File del Tema di WordPress
• Aggiungere uno Shortcode nei File del Tema a Blocchi con l'Editor Full-Site
• Creating Your Own Custom Shortcode in WordPress
• Shortcode vs. Blocchi Gutenberg
• Domande frequenti sugli shortcode

Aggiungere uno Shortcode nei Post e nelle Pagine di WordPress

Innanzitutto, devi modificare il post e la pagina in cui desideri aggiungere lo shortcode.

Dopodiché, devi fare clic sul pulsante Aggiungi blocco '+' per inserire un blocco Shortcode.

Dopo aver aggiunto il blocco Shortcode, puoi semplicemente inserire il tuo shortcode nelle impostazioni del blocco.

Lo shortcode sarà fornito da vari plugin di WordPress che potresti utilizzare, come WPForms per moduli di contatto.

Per saperne di più sull'utilizzo dei blocchi, consulta il nostro tutorial sull'editor a blocchi di Gutenberg per maggiori dettagli.

Ora puoi salvare il tuo post o la tua pagina e visualizzare in anteprima le modifiche per vedere lo shortcode in azione.

Aggiungere uno Shortcode nei Widget della Sidebar di WordPress

Puoi anche usare gli shortcode nei widget della barra laterale di WordPress.

Visita semplicemente la pagina Aspetto » Widget e aggiungi un blocco widget 'Shortcode' a una barra laterale.

Ora puoi incollare il tuo shortcode all'interno dell'area di testo del widget.

Non dimenticare di fare clic sul pulsante 'Aggiorna' per salvare le impostazioni del widget.

Dopodiché, puoi visitare il tuo sito web WordPress per vedere l'anteprima live dello shortcode nel widget della barra laterale.

Aggiungere uno shortcode nel vecchio editor classico di WordPress

Se stai ancora usando il vecchio editor classico, puoi aggiungere shortcode direttamente nell'area del contenuto.

Modifica semplicemente il post o la pagina e incolla lo shortcode dove desideri che la funzionalità appaia.

Per ottenere i migliori risultati, ti consigliamo di posizionarlo su una riga separata, specialmente per gli shortcode che aggiungono elementi di grandi dimensioni come moduli o gallerie. Questo aiuta a prevenire problemi di formattazione.

Non dimenticare di salvare le modifiche. Puoi quindi visualizzare in anteprima il tuo post per vedere lo shortcode in azione.

Aggiungere uno Shortcode nei File del Tema di WordPress

Gli shortcode sono pensati per essere utilizzati all'interno di post, pagine e widget di WordPress. Tuttavia, a volte, potresti voler utilizzare uno shortcode all'interno di un file del tema di WordPress.

WordPress lo rende facile, ma dovrai modificare i file del tuo tema WordPress. Se non l'hai mai fatto prima, consulta la nostra guida su come copiare e incollare codice in WordPress.

In sostanza, puoi aggiungere uno shortcode a qualsiasi modello di tema WordPress semplicemente aggiungendo il seguente codice:

<?php echo do_shortcode('[your_shortcode]'); ?> 

WordPress cercherà ora lo shortcode e visualizzerà il suo output nel tuo modello di tema.

Aggiungere uno Shortcode nei File del Tema a Blocchi con l'Editor Full-Site

Se stai usando un tema a blocchi, troverai più facile aggiungere shortcode nei file del tuo tema WordPress utilizzando l'editor completo del sito.

Puoi accedere a questo strumento selezionando Aspetto » Editor dalla dashboard di WordPress.

Per impostazione predefinita ti verrà mostrato il modello della home page del tuo tema e puoi passare ad altri modelli selezionando l'opzione 'Modelli'.

Una volta scelto un modello, puoi iniziare a modificarlo facendo clic nel riquadro destro dell'editor. L'editor riempirà ora lo schermo.

Ora puoi fare clic sull'icona dell'inseritore di blocchi '+' e cercare il blocco shortcode. Dopodiché, trascinalo semplicemente sul modello e digita lo shortcode che desideri utilizzare.

Non dimenticare di fare clic sul pulsante 'Salva' in alto sullo schermo per memorizzare le tue modifiche.

Creare il Tuo Shortcode Personalizzato in WordPress

Gli shortcode possono essere molto utili quando si desidera aggiungere contenuti dinamici o codice personalizzato all'interno di post e pagine di WordPress. Tuttavia, se si desidera creare uno shortcode personalizzato, è necessaria una certa esperienza di codifica.

Se hai familiarità con la scrittura di codice PHP, ecco un codice di esempio che puoi utilizzare come modello:

// function that runs when shortcode is called function wpb_demo_shortcode() { // Things that you want to do. $message = 'Hello world!'; // Output needs to be return return $message; } // register shortcode add_shortcode('greeting', 'wpb_demo_shortcode'); 

In questo codice, abbiamo prima creato una funzione che esegue del codice e restituisce l'output. Successivamente, abbiamo creato un nuovo shortcode chiamato 'greeting' e abbiamo detto a WordPress di eseguire la funzione che abbiamo creato.

Puoi aggiungere questo codice al file functions.php del tuo tema manualmente o utilizzare un plugin per snippet di codice come WPCode (consigliato).

Consigliamo quest'ultima opzione perché WPCode è il modo più sicuro e semplice per aggiungere codice al tuo sito. Per saperne di più, consulta la nostra recensione di WPCode.

Per maggiori dettagli, puoi consultare la nostra guida su come aggiungere facilmente codice personalizzato in WordPress senza rompere nulla.

Una volta fatto ciò, puoi aggiungere questo shortcode ai tuoi post, pagine e widget utilizzando il seguente codice:

[greeting]

Eseguirà la funzione che hai creato e mostrerà l'output desiderato.

Sebbene questo esempio sia semplice, il vero potere degli shortcode è per il riutilizzo di codice complesso.

Racchiudendo uno script lungo in uno shortcode, mantieni pulito il tuo editor di contenuti e rendi gli aggiornamenti a livello di sito molto più semplici. Devi modificare il codice solo in un posto.

Esempio pratico: Shortcode Google AdSense

Ora, diamo un'occhiata a un esempio più pratico.

Puoi usare uno shortcode per visualizzare facilmente un banner Google AdSense ovunque sul tuo sito.

// The shortcode function function wpb_demo_shortcode_2() { // Advertisement code pasted inside a variable $string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-0123456789101112" data-ad-slot="9876543210"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>'; // Ad code returned return $string; } // Register shortcode add_shortcode('my_ad_code', 'wpb_demo_shortcode_2'); 

Assicurati di sostituire il codice pubblicitario segnaposto con il tuo. Ora puoi usare lo shortcode [my_ad_code] per visualizzare l'annuncio in qualsiasi post, pagina o area widget.

Shortcode vs. Blocchi Gutenberg

Sia i blocchi Gutenberg che gli shortcode ti permettono di aggiungere contenuti dinamici al tuo sito WordPress. La differenza principale è che i blocchi offrono un'interfaccia visiva, mentre gli shortcode sono frammenti basati su testo che incolli in un blocco specifico.

Molti plugin popolari di WordPress hanno iniziato a usare i blocchi invece degli shortcode. Questo perché i blocchi sono spesso più facili da usare per i principianti e ti permettono di vedere un'anteprima del risultato finale direttamente nell'editor.

Abbiamo preparato un elenco dei plugin di blocchi Gutenberg più utili per WordPress che potresti voler provare.

Se vuoi creare i tuoi blocchi Gutenberg personalizzati, puoi seguire il nostro tutorial passo passo su come creare blocchi Gutenberg personalizzati in WordPress.

Domande frequenti sugli shortcode

Qui a WPBeginner, riceviamo spesso domande su come funzionano gli shortcode. Di seguito sono riportate le risposte ad alcune delle più comuni.

Gli shortcode sono ancora rilevanti con l'editor a blocchi?

Sì, assolutamente. Mentre molti plugin più recenti utilizzano blocchi dedicati, migliaia di altri plugin utilizzano ancora shortcode per permetterti di aggiungere funzionalità ai tuoi contenuti. Li troverai ancora utili per molto tempo, motivo per cui WordPress include un blocco Shortcode dedicato.

Gli shortcode possono rallentare il mio sito web?

Uno shortcode è veloce quanto il codice che esegue. Uno shortcode ben codificato da un plugin affidabile avrà un impatto minimo sulle prestazioni del tuo sito.

Tuttavia, l'uso di troppi shortcode che caricano molti script in una singola pagina può talvolta causare un rallentamento.

Come trovo lo shortcode per un plugin?

La maggior parte dei plugin visualizzerà il proprio shortcode nella pagina delle impostazioni, nella documentazione o direttamente nell'interfaccia dell'editor. Ad esempio, WPForms rende facile copiare lo shortcode di un modulo non appena lo si salva.

Posso usare gli shortcode nei page builder come SeedProd?

Sì, tutti i principali page builder come SeedProd dispongono di un blocco o widget dedicato 'Shortcode'. Puoi semplicemente trascinare il blocco sul tuo layout e incollare lo shortcode che desideri visualizzare.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere uno shortcode in WordPress. Potresti anche voler consultare la nostra guida su come mostrare e nascondere testo nei post di WordPress con l'effetto toggle e il nostro tutorial su come copiare e incollare in WordPress senza problemi di formattazione.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.