Come aggiungere uno shortcode in WordPress? (Guida per principianti)

Gli shortcode sono un modo semplice per aggiungere contenuti dinamici nei post, nelle pagine e nelle barre laterali di WordPress.


Molti plug-in e temi WordPress utilizzano codici brevi per aggiungere contenuti specializzati come moduli di contatto, gallerie di immagini, cursori e altro.

In questo articolo, ti mostreremo come aggiungere facilmente uno shortcode in WordPress. Ti mostreremo anche come creare i tuoi codici brevi personalizzati in WordPress.

Aggiunta di uno shortcode in WordPress

Cosa sono i codici brevi?

I codici brevi in ​​WordPress sono tasti di scelta rapida che ti aiutano ad aggiungere contenuti dinamici nei post, nelle pagine e nei widget della barra laterale di WordPress. Sono visualizzati tra parentesi quadre in questo modo:

[Myshortcode]

Per comprendere meglio i codici brevi, diamo un’occhiata allo sfondo del motivo per cui sono stati aggiunti in primo luogo.

WordPress filtra tutto il contenuto per assicurarsi che nessuno utilizzi post e contenuto della pagina per inserire codice dannoso nel database. Ciò significa che puoi scrivere HTML di base nei tuoi post, ma non puoi scrivere codice PHP.

E se volessi eseguire un codice personalizzato all’interno dei tuoi post per visualizzare post correlati, banner pubblicitari, moduli di contatto, gallerie, ecc?

Qui entra in gioco l’API Shortcode.

Fondamentalmente, consente agli sviluppatori di aggiungere il loro codice all’interno di una funzione e quindi di registrarla con WordPress come shortcode, in modo che gli utenti possano usarlo facilmente senza avere alcuna conoscenza di codifica.

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

Vediamo come aggiungere facilmente codici brevi nei post e nelle pagine di WordPress.

Aggiunta di uno shortcode nei post e nelle pagine di WordPress

Innanzitutto, è necessario modificare il post e la pagina in cui si desidera aggiungere lo shortcode. Successivamente, è necessario fare clic sul pulsante Aggiungi blocco per inserire un blocco shortcode.

Aggiunta del blocco shortcode in WordPress

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, OptinMonster per moduli di email marketing, pulsante WP Call per inserire un pulsante click-to-call, ecc..

Inserisci shortcode nell'editor blocchi

Per ulteriori informazioni sull’uso dei blocchi, consultare il nostro tutorial di Gutenberg per maggiori dettagli.

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

Aggiunta di uno shortcode nei widget della barra laterale di WordPress

Puoi anche usare i codici brevi nei widget della barra laterale di WordPress. Basta visitare il Aspetto »Widget pagina e aggiungi il widget “Testo” a una barra laterale.

Ora puoi incollare il tuo shortcode nell’area di testo del widget.

Aggiunta di shortcode nel widget della barra laterale

Non dimenticare di fare clic sul pulsante “Salva” per memorizzare le impostazioni del widget.

Successivamente, puoi visitare il tuo sito Web WordPress per vedere l’anteprima dal vivo dello shortcode nel widget della barra laterale.

Aggiunta di uno shortcode nel vecchio editor classico di WordPress

Se stai ancora utilizzando il vecchio editor classico in WordPress, ecco come aggiungere codici brevi ai tuoi post e alle tue pagine WordPress.

Modifica semplicemente il post e la pagina in cui desideri aggiungere lo shortcode. È possibile incollare lo shortcode in qualsiasi punto all’interno dell’editor dei contenuti nel punto in cui si desidera che venga visualizzato. Assicurati solo che lo shortcode sia nella sua stessa riga.

Editor classico di shortcode

Non dimenticare di salvare le modifiche. Successivamente puoi visualizzare l’anteprima del tuo post e della pagina per vedere lo shortcode in azione.

Come aggiungere un shortcode nei file dei temi di WordPress

Gli shortcode sono pensati per essere utilizzati all’interno di post, pagine e widget di WordPress. Tuttavia, a volte potresti voler usare un shortcode all’interno di un file di temi di WordPress.

WordPress lo rende facile, ma dovrai modificare i file dei temi di WordPress. Se non l’hai mai fatto prima, consulta la nostra guida su come copiare e incollare il codice in WordPress.

Fondamentalmente, puoi aggiungere un 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 modello del tema.

Come creare il tuo shortcode personalizzato in WordPress

Gli shortcode possono essere davvero utili quando si desidera aggiungere contenuto dinamico o codice personalizzato all’interno del post e delle pagine di WordPress. Tuttavia, se si desidera creare uno shortcode personalizzato, richiede un’esperienza di codifica.

Se hai dimestichezza con la scrittura di codice PHP, ecco un codice di esempio che puoi utilizzare come modello.

// funzione che viene eseguita quando viene chiamato shortcode
funzione wpb_demo_shortcode () {

// Cose che vuoi fare.
$ message = ‘Hello world!’;

// L’output deve essere restituito
restituisce $ message;
}
// registra lo 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 “saluto” e abbiamo detto a WordPress di eseguire la funzione che abbiamo creato.

Ora puoi usare aggiungi questo shortcode ai tuoi post, pagine e widget usando il seguente codice:

[saluto]

Eseguirà la funzione creata e mostrerà l’output desiderato.

Ora diamo un’occhiata a un uso più pratico di uno shortcode. In questo esempio, visualizzeremo un banner Google AdSense all’interno di uno shortcode.

// La funzione shortcode
funzione wpb_demo_shortcode_2 () {

// Codice annuncio incollato all’interno di una variabile
$ string. = ‘

(adsbygoogle = window.adsbygoogle || []). push ({});
‘;

// Codice annuncio restituito
restituisce $ stringa;

}
// Registra shortcode
add_shortcode (‘my_ad_code’, ‘wpb_demo_shortcode_2’);

Non dimenticare di sostituire il codice dell’annuncio con il tuo codice pubblicitario.

Ora puoi utilizzare lo shortcode [my_ad_code] all’interno dei tuoi post, pagine e widget della barra laterale di WordPress. WordPress eseguirà automaticamente la funzione associata allo shortcode e visualizzerà il codice dell’annuncio.

Codici brevi vs blocchi di Gutenberg

Gli utenti ci chiedono spesso le differenze tra shortcode e nuovi blocchi di Gutenberg.

Fondamentalmente se trovi utili gli shortcode, allora adorerai i blocchi dell’editor di WordPress. I blocchi ti consentono di fare la stessa cosa ma in modo più intuitivo.

Invece di richiedere agli utenti di aggiungere uno shortcode per visualizzare contenuti dinamici, i blocchi consentono agli utenti di aggiungere contenuti dinamici all’interno di post / pagine con un’interfaccia utente più intuitiva. Molti plugin popolari di WordPress stanno passando all’uso dei blocchi Gutenberg anziché degli shortcode perché sono più adatti ai principianti.

Abbiamo messo insieme un elenco dei plugin di blocco 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.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere uno shortcode in WordPress. Puoi anche consultare la nostra guida sulla migliore resistenza & rilasciare i plug-in del generatore di pagine WordPress e come creare un tema WordPress personalizzato senza scrivere alcun codice.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map