{"id":16578,"date":"2021-04-07T14:10:50","date_gmt":"2021-04-07T12:10:50","guid":{"rendered":"https:\/\/xlogic.org\/blog\/?p=16578"},"modified":"2026-08-01T11:08:09","modified_gmt":"2026-08-01T09:08:09","slug":"wordpress-shortcode-che-cosa-sono-e-come-si-utilizzano","status":"publish","type":"post","link":"https:\/\/xlogic.org\/blog\/wordpress-shortcode-che-cosa-sono-e-come-si-utilizzano.html\/","title":{"rendered":"Shortcode WordPress: cosa sono e come usarli"},"content":{"rendered":"<p><!-- xlogic-seo-lotto50-20260801:16578 --><\/p>\n<div class=\"xlogic-direct-answer\">\n<p><strong>Gli shortcode WordPress sono segnaposto racchiusi tra parentesi quadre che vengono interpretati durante la visualizzazione del contenuto.<\/strong> Possono inserire moduli, gallerie o output personalizzati, ma devono validare attributi ed effettuare escaping dell\u2019output. Gli shortcode legati a un tema possono smettere di funzionare quando il tema cambia.<\/p>\n<\/div>\n<p>Gli shortcode di WordPress sono una funzione molto interessante che ti permettono di effettuare delle operazioni con il minimo sforzo.<\/p>\n<p>In pratica chiunque potr\u00e0 utilizzare gli shortcode di WordPress senza sforzo e soprattutto senza dover conoscere i linguaggi di programmazione.<\/p>\n<p>Per esempio con gli shortcode sar\u00e0 possibile inserire elementi interattivi, creare layout di pagina complessi e molto altro ancora, lo scopo principale \u00e8 quello di aiutare ad automatizzare la creazione di contenuti e design.<\/p>\n<p>Tramite questa guida che ti spiega che cosa sono gli shortcode di WordPress e come si utilizzano, scoprirai come lavorare con le API shortcode.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-16601 size-large\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-wordpress-1024x741.jpg\" alt=\"Shortcode WordPress: cosa sono e come usarli\" width=\"700\" height=\"507\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-wordpress-1024x741.jpg 1024w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-wordpress-300x217.jpg 300w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-wordpress-768x555.jpg 768w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-wordpress-1536x1111.jpg 1536w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-wordpress-2048x1481.jpg 2048w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<h2><strong>WordPress Shortcode: che cosa sono e come si utilizzano<\/strong><\/h2>\n<p>&nbsp;<\/p>\n<table style=\"width: 100%; border-collapse: collapse; background-color: #ffffff;\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\"><strong>Indice dei contenuti<\/strong><\/p>\n<ul>\n<li>Che cos&#8217;\u00e8 uno shortcode<\/li>\n<li>Quali sono gli shortcode WordPress predefiniti<\/li>\n<li>WordPress shortcode: pro e contro<\/li>\n<li>I migliori plugin free per aggiungere shortcode su WordPress<\/li>\n<li>Conclusioni<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><strong>Che cos&#8217;\u00e8 uno shortcode<\/strong><\/h2>\n<p>La traduzione letteraria di shortcode \u00e8 la seguente: Codice + Breve, questo significa che \u00e8 un codice che utilizza i tag tra parentesi quadre [ ] per definire il modo in cui viene utilizzato.<\/p>\n<p>Ad esempio, \u00e8 possibile utilizzare gli shortcode per incorporare cursori, moduli o tabelle dei prezzi ma \u00e8 anche possibile utilizzarli per creare modelli di progettazione di pagine riutilizzabili.<\/p>\n<p>Ci sono due tipologie di shortcode:<\/p>\n<ol>\n<li><strong>Self-closing Shortcodes:<\/strong> questa tipologia di shortcode non ha bisogno di un tag di chiusura, per esempio lo shortcode gallery non ha bisogno di un tag di chiusura e di conseguenza avremo la possibilit\u00e0 di aggiungere tutto ci\u00f2 che vogliamo con attributi diversi.<\/li>\n<li><strong>Enclosing Shortcode:<\/strong> questa tipologia di shortcode ha bisogno di un tag di chiusura e generalmente questi shortcode manipolano il contenuto tra i tag di apertura e chiusura.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2><strong>Quali sono gli shortcode WordPress predefiniti<\/strong><\/h2>\n<p>Gli shortcode di WordPress sono stringhe di parentesi quadre ([ ]) che una volta inseriti, si trasformano in qualcosa di affascinante che apparir\u00e0 sulle pagine, articoli del tuo sito WordPress.<\/p>\n<p>Di seguito vi mostreremo gli shortcode predefiniti di WordPress:<\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li><strong><a href=\"https:\/\/codex.wordpress.org\/Caption_Shortcode\" target=\"_blank\" rel=\"nofollow noopener\">caption<\/a>:<\/strong> serve ad avvolgere le didascalie intorno al tuo contenuto. \u00c8 usato principalmente per aggiungere didascalie di immagini, ma si pu\u00f2 usare per qualsiasi elemento HTML.<\/li>\n<li><a href=\"https:\/\/codex.wordpress.org\/Embed_Shortcode\" target=\"_blank\" rel=\"nofollow noopener\"><strong>embed:<\/strong><\/a> questo shortcode espande la funzione predefinita oEmbed e consente di impostare diversi attributi per i propri embeddings come per esempio quella delle dimensioni massime.<\/li>\n<li><a href=\"https:\/\/codex.wordpress.org\/Gallery_Shortcode\" target=\"_blank\" rel=\"nofollow noopener\"><strong>gallery:<\/strong><\/a>\u00a0lo shortcode gallery permette di inserire una galleria di immagini su WordPress, inoltre \u00e8 possibile utilizzare gli attributi per definire quali immagini devono essere utilizzate e per personalizzare l\u2019aspetto della galleria.<\/li>\n<li><a href=\"https:\/\/codex.wordpress.org\/Video_Shortcode\" target=\"_blank\" rel=\"nofollow noopener\"><strong>video:<\/strong><\/a> questo shortcode incorpora un video e lo riproduce come un semplice lettore, supporta l\u2019incorporazione di video nei formati mp4, webm, m4v, webm, ogv, wmv, flv.<\/li>\n<li><a href=\"https:\/\/codex.wordpress.org\/Audio_Shortcode\" target=\"_blank\" rel=\"nofollow noopener\"><strong>audio:<\/strong><\/a>\u00a0questo shortcode serve ad incorporare i file audio all&#8217;interno del sito WordPress e permette di avviare e di stoppare il brano musicale.<\/li>\n<li><a href=\"https:\/\/codex.wordpress.org\/Playlist_Shortcode\" target=\"_blank\" rel=\"nofollow noopener\"><strong>playlist:<\/strong><\/a> questo self-closing shortcode visualizza una raccolta di file audio e\/o video ed \u00e8 anche possibile impostare la modalit\u00e0 \u201cdark\u201d grazie al suo attributo di stile.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<h2><strong>WordPress shortcode: pro e contro<\/strong><\/h2>\n<p><strong>PRO<\/strong><\/p>\n<ul>\n<li>Gli shortcode possono essere forniti in dotazione con un plugin; \u00e8 importante sapere che con l&#8217;aggiornamento di WordPress o con la modifica del tema, gli shortcode continueranno a funzionare come prima<\/li>\n<li>La presenza di shortcode in dotazione con un plugin li rende facili da usare su pi\u00f9 siti web WordPress<\/li>\n<li>Poich\u00e9 gli shortcode accettano anche gli attributi, gli utenti possono modificare il comportamento dello stesso shortcode modificando semplicemente le opzioni degli attributi<\/li>\n<li>Gli shortcode semplificano l\u2019aggiunta di funzioni complesse all&#8217;interno del proprio sito WordPress<\/li>\n<li>Gli shortcode eliminano la necessit\u00e0 di scrivere script complessi automatizzano il flusso di lavoro di sviluppo<\/li>\n<li>Gli shortcode sono pi\u00f9 facili da usare rispetto agli script PHP o al codice HTML<\/li>\n<\/ul>\n<p><strong>CONTRO<\/strong><\/p>\n<ul>\n<li>Gli shortcode non sono uno strumento intuitivo per l\u2019utente finale, soprattutto se ne vengono utilizzati molti su una pagina; in questo caso consigliamo di utilizzarli solo da chi si occupa di sviluppo<\/li>\n<li>\u00c8 difficile capire subito il funzionamento di uno shortcode, non a casa il team di WordPress li ha denominati \u201cmystery meat embed codes\u201d<\/li>\n<li>Gli shortcode hanno una sintassi ambigua, per esempio, alcuni di essi supportano la chiusura opzionale, in modo da poterli utilizzare sia come self-closing che come enclosing, o addirittura entrambi, se sono annidati, questo potrebbe confondere l&#8217;utente finale<\/li>\n<li>Se gli shortcode sono inclusi nel codice di un tema smetteranno di funzionare se verr\u00e0 cambiato il tema stesso<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><strong>I migliori plugin free per aggiungere shortcode su WordPress<\/strong><\/h2>\n<table style=\"width: 100%; border-collapse: collapse; background-color: #ffffff;\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\"><strong>Indice dei contenuti<\/strong><\/p>\n<ol>\n<li>Shortcodes Ultimate<\/li>\n<li>Display Posts<\/li>\n<li>Tabby Responsive Tabs<\/li>\n<li>Shortcoder<\/li>\n<li>Remove Orphan shortcodes<\/li>\n<\/ol>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"font-size: 14pt;\"><a href=\"https:\/\/wordpress.org\/plugins\/wc-shortcodes\/\" target=\"_blank\" rel=\"nofollow noopener\">Shortcodes Ultimate<\/a><\/span><\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-16592 size-large\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-ultimate-1024x717.png\" alt=\"Shortcode WordPress: cosa sono e come usarli\" width=\"700\" height=\"490\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-ultimate-1024x717.png 1024w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-ultimate-300x210.png 300w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-ultimate-768x538.png 768w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcode-ultimate.png 1304w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Shortcodes Ultimate \u00e8 il plugin pi\u00f9 popolare, utilizzato e completo che sia presente, infatti viene fornito con una raccolta di 50 shortcodes per quasi tutti gli elementi della pagina di cui avrai bisogno comprese colonne, caroselli, cursori e tabelle.<\/p>\n<p>Questo plugin funziona con tutti i temi e con l&#8217;editor dei blocchi Gutenberg.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"font-size: 14pt;\"><a style=\"font-family: inherit;\" href=\"https:\/\/it.wordpress.org\/plugins\/display-posts-shortcode\/\" target=\"_blank\" rel=\"nofollow noopener\">Display Posts<\/a><\/span><\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-16593 size-large\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/display-posts-1024x338.png\" alt=\"Shortcode WordPress: cosa sono e come usarli\" width=\"700\" height=\"231\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/display-posts-1024x338.png 1024w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/display-posts-300x99.png 300w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/display-posts-768x254.png 768w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/display-posts-1536x508.png 1536w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/display-posts-2048x677.png 2048w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Display Posts Shortcode \u00e8 perfetto per chi ha la necessit\u00e0 di inserire liste di articoli definiti in base ai tag, alle categorie ed alle tassonomie.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"font-size: 14pt;\"><a style=\"font-family: inherit;\" href=\"https:\/\/it.wordpress.org\/plugins\/tabby-responsive-tabs\/\" target=\"_blank\" rel=\"nofollow noopener\">Tabby Responsive Tabs<\/a><\/span><\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-16594 size-large\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/tabby-responsive-tabs-1024x461.png\" alt=\"Shortcode WordPress: cosa sono e come usarli\" width=\"700\" height=\"315\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/tabby-responsive-tabs-1024x461.png 1024w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/tabby-responsive-tabs-300x135.png 300w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/tabby-responsive-tabs-768x345.png 768w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/tabby-responsive-tabs-1536x691.png 1536w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/tabby-responsive-tabs-2048x921.png 2048w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Utilizza questo plugin se non hai bisogno di utilizzare diverse funzioni di shortcode ma vuoi solamente qualcosa che ti aiuti ad organizzare il testo con dei Tab specifici; Tabby Responsive Tabs \u00e8 un&#8217;estensione che permette di creare tab orizzontali e verticali.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"font-size: 14pt;\"><a style=\"font-family: inherit;\" href=\"https:\/\/wordpress.org\/plugins\/shortcoder\/\" target=\"_blank\" rel=\"nofollow noopener\">Shortcoder<\/a><\/span><\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-16595 size-large\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcoder-1024x350.png\" alt=\"Shortcode WordPress: cosa sono e come usarli\" width=\"700\" height=\"239\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcoder-1024x350.png 1024w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcoder-300x103.png 300w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcoder-768x263.png 768w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcoder-1536x526.png 1536w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/shortcoder.png 2028w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Il plugin Shortcoder consente di creare codici brevi personalizzati per HTML, JavaScript e altri linguaggi.<\/p>\n<p>A differenza degli altri plugin, Shortcoder permette di far creare all&#8217;utente dei shortcodes personalizzati; dovrai semplicemente incolla il tuo codice, assegnare un nome riconoscibile al tuo nuovo shortcode per poi posizionarlo ovunque in una pagina o in un articolo.<\/p>\n<p>Shortcoder \u00e8 eccellente per posizionare contenuti incorporati, come video e annunci display. Una volta installato, non sarai pi\u00f9 limitato ad inserire il codice di incorporamento nei widget ma potrai creare codici brevi per ogni elemento da incorporare ed incollarli nell&#8217;editor dei contenuti.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"font-size: 14pt;\"><a style=\"font-family: inherit;\" href=\"https:\/\/it.wordpress.org\/plugins\/remove-orphan-shortcodes\/\" target=\"_blank\" rel=\"nofollow noopener\">Remove Orphan shortcodes<\/a><\/span><\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-16596 size-large\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/remove-orphan-shortcodes-1024x346.png\" alt=\"Shortcode WordPress: cosa sono e come usarli\" width=\"700\" height=\"237\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/remove-orphan-shortcodes-1024x346.png 1024w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/remove-orphan-shortcodes-300x101.png 300w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/remove-orphan-shortcodes-768x259.png 768w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/remove-orphan-shortcodes-1536x519.png 1536w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2021\/04\/remove-orphan-shortcodes.png 2026w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Se non hai pi\u00f9 bisogno di un plugin per lo shortcode \u00e8 necessario eliminarlo ma solitamente rimane del testo nell&#8217;articolo che corrisponde al comando impartito dall&#8217;estensione che hai appena cancellato.<\/p>\n<p>Per poterlo eliminare definitivamente puoi utilizzare il plugin Remove Orphan Shortcode.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Conclusioni<\/strong><\/h2>\n<p>All&#8217;interno di questo articolo abbiamo visto che cosa sono gli shortcode e come usarli per permetterti di aggiungere degli elementi sulle pagine e sugli articoli del tuo sito WordPress.<\/p>\n<p>Utilizzi gli shortcode sul tuo sito WordPress?\u00a0Conoscevi quelli predefiniti della piattaforma WordPress? Se pensi che all&#8217;interno di questo articolo non abbiamo inserito delle nozioni importanti o se hai bisogno di maggiori informazioni lasciaci un commento.<\/p>\n<p>&nbsp;<\/p>\n<p>Alla prossima!<\/p>\n<h2>Approfondimenti correlati<\/h2>\n<ul>\n<li><a href=\"https:\/\/xlogic.org\/blog\/i-migliori-codici-snippets-per-il-tuo-sito-wordpress.html\/\">Snippet WordPress utili: esempi e buone pratiche<\/a><\/li>\n<li><a href=\"https:\/\/xlogic.org\/blog\/quale-sito-puoi-creare-con-wordpress.html\/\">Quali siti puoi creare con WordPress<\/a><\/li>\n<\/ul>\n<p><strong>Fonte ufficiale:<\/strong> <a href=\"https:\/\/developer.wordpress.org\/apis\/shortcode\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Shortcode API<\/a>.<\/p>\n<h2>Domande frequenti<\/h2>\n<h3>Dove va registrato uno shortcode?<\/h3>\n<p>Preferibilmente in un plugin o mu-plugin, cos\u00ec la funzione non dipende dal tema attivo.<\/p>\n<h3>Come si gestiscono gli attributi?<\/h3>\n<p>Definisci valori predefiniti, valida i dati ricevuti e applica escaping coerente con il tipo di output.<\/p>\n<h3>Gli shortcode funzionano nei blocchi?<\/h3>\n<p>Possono essere inseriti nel blocco Shortcode, ma per nuove funzioni complesse pu\u00f2 essere preferibile sviluppare un blocco dedicato.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scopri come funzionano gli shortcode WordPress, come inserirli, crearli in sicurezza, passare attributi ed evitare dipendenze difficili da rimuovere.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[1410,1401],"tags":[],"class_list":["post-16578","post","type-post","status-publish","format-standard","hentry","category-blogging","category-wordpress"],"modified_by":"Team tecnico Xlogic","_links":{"self":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/16578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/comments?post=16578"}],"version-history":[{"count":0,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/16578\/revisions"}],"wp:attachment":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/media?parent=16578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/categories?post=16578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/tags?post=16578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}