Come aggiungere in modo sicuro codice personalizzato ai siti Web WordPress

Gli utenti sono spesso alla ricerca di modi per modificare i propri siti Web, plug-in e temi o per aggiungere alcune modifiche a una funzionalità esistente. Nella maggior parte di questi casi, puoi farlo aggiungendo un codice personalizzato al tuo sito Web WordPress.

Non c'è niente di sbagliato nell'aggiungere codice personalizzato al tuo sito web. Tuttavia, ci sono alcune cose a cui devi prestare attenzione quando apporti queste modifiche al tuo sito Web WordPress.

Questo articolo evidenzia cosa cercare e le migliori pratiche per aggiungere codice personalizzato al tuo sito Web WordPress.

Cosa cercare prima di aggiungere frammenti di codice personalizzati in WordPress

Il modo più semplice per aggiungere frammenti di codice suggeriti dagli autori nei loro tutorial è aggiungere lo snippet di codice al file functions.php del tema. Tuttavia, ci sono una serie di restrizioni e svantaggi quando aggiungi frammenti di codice al file functions.php del tema.

Ogni volta che aggiorni il tuo tema, i frammenti di codice personalizzati che hai aggiunto al tuo file functions.php verranno sovrascritti, a meno che tu non aggiorni manualmente il tema o copi manualmente i frammenti di codice da un file functions.php all'altro. Tenendo presente che la maggior parte degli sviluppatori rilascia aggiornamenti abbastanza frequentemente, specialmente quando si utilizzano temi premium, l'aggiunta di frammenti di codice al file functions.php del tema diventa molto difficile da mantenere.

Inoltre, se vuoi cambiare il tema devi migrare anche il codice, il che sicuramente non va bene a lungo termine.

Un altro svantaggio è che i file del tema vengono eseguiti su ogni pagina e aggiungendo i frammenti di codice al file functions.php del tema, i rischi di rompere l'intero sito Web sono molto più elevati.

Diamo un'occhiata alle migliori pratiche su come aggiungere frammenti di codice personalizzati al tuo sito WordPress, quindi non devi preoccuparti di perdere qualche frammento di codice, dimenticarti di migrarlo o interrompere una funzionalità durante l'aggiornamento del tuo tema.

Aggiunta di frammenti di codice personalizzati ai siti WordPress

Il codice personalizzato può essere aggiunto utilizzando uno dei seguenti metodi:

• Utilizzo di un plug-in (fare riferimento alla nostra introduzione ai plug-in di WordPress per saperne di più su cosa sono i plug-in di WordPress)
• Creazione di un plug-in personalizzato
• Creazione di un tema figlio

Ora, discutiamo in dettaglio ciascuno dei metodi.

1. Utilizzo del plug-in frammenti di codice

I frammenti di codice ¹ plugin è un ottimo modo per aggiungere codice personalizzato al sito WordPress e, se non sei un fan di scrivere del codice da solo, in questo modo è più facile che creare il tuo plugin.

Dopo aver installato il plug-in, viene aggiunta una nuova sezione Snippet al menu di WordPress, che ti consente di aggiungere nuovi snippet. Ogni snippet avrà spazio per il codice e una descrizione per ulteriori informazioni su ciò che fa il codice.

Suggerimento: se stai utilizzando uno snippet di codice utile da un sito, aggiungi l'URL nella descrizione, in modo da ricordare da dove proviene il codice.

Proprio come i plugin, puoi abilitare e disabilitare i frammenti di codice personalizzati ed esportarli in file PHP. In alcuni casi, gli snippet personalizzati causano conflitti con altri plugin o temi, quindi la disattivazione di tutto il codice personalizzato è utile per risolvere i problemi.

2. Creazione del proprio plug-in specifico per il sito

Creare il tuo plug-in personalizzato specifico per il sito è il modo migliore per aggiungere codice personalizzato ai siti WordPress, perché hai il controllo totale del codice.

Che cos'è un plug-in WordPress specifico per un sito?

Un plug-in WordPress specifico per il sito viene utilizzato per aggiungere codice di personalizzazione a un sito Web che non dipende dal tema. Ciò significa che indipendentemente dal tema che utilizzi o se passi da un tema all'altro, il codice personalizzato del tuo plug-in verrà sempre eseguito, ovviamente finché il plug-in è attivato.

Perché è meglio creare un plug-in WordPress specifico per il sito?

Se aggiungi il codice personalizzato al file delle funzioni del tuo tema, questo scomparirà se aggiorni o cambi tema.

Un plug-in WordPress specifico per il sito ti consente di aggiungere facilmente frammenti di codice personalizzati al tuo sito WordPress e assicurarti che siano indipendenti dal tema. È un plug-in WordPress autonomo, il che significa che non dipende dal tuo tema, il che significa che puoi aggiornare o cambiare liberamente il tuo tema senza perdere il codice personalizzato.

Non è necessario essere un guru PHP per creare un plug-in WordPress specifico per il sito. Basta seguire i semplici passaggi di seguito.

1. Crea la directory del plugin

Innanzitutto, dovrai creare una directory per il plug-in e assegnargli un nome. Può essere qualsiasi nome, ad esempio il sito Web del sito. La directory del plugin dovrebbe essere creata nella directory /wp-content/plugins/ sul tuo sito web. Per questo esempio, chiamiamo il plugin wpwhitesecurity-shortcodes . Nota: utilizzare sempre i trattini e non gli spazi nei nomi delle directory.

2. Crea il file del plug-in

Successivamente, avrai bisogno di un file principale per il tuo plug-in. Sebbene non ci siano regole riguardo a quale dovrebbe essere il nome del file, la migliore pratica è che il nome del file sia lo stesso del nome del plugin. Quindi nel nostro esempio, il nome del file del plugin è wpwhitesecurity-shortcodes.php .

Questo file dovrebbe includere almeno un titolo e una descrizione.

Crea questo file utilizzando un editor di testo, come NotePad ++ o TextEdit. Non utilizzare Microsoft Word o editor simili, perché aggiunge dati di formattazione al testo e potrebbe rovinare il tuo file. Tutti gli editor sopra elencati sono gratuiti.

Ecco tutto ciò che devi aggiungere al file:

<?php
/*
* Plugin Name: WP White Security Shortcodes
* Plugin URL: https://www.wpwhitesecurity.com
* Description: Site-specific plugin for custom code snippets in wpwhitesecurity.com
*/

Questo è tutto. Ora è il momento di aggiungere il codice personalizzato.

3. Aggiungi i frammenti di codice personalizzati

Ora puoi copiare e incollare i frammenti di codice dai tutorial ecc. in questo file. Se hai creato il file del plug-in offline, comprimi la cartella del plug-in come file .zip e caricalo sul tuo sito Web dalla dashboard di WordPress.

D'ora in poi non devi preoccuparti di perdere alcuni snippet di codice, dimenticarti di migrarlo o interrompere alcune funzionalità durante l'aggiornamento del tuo tema o del tuo WordPress. La prossima volta che incontri uno snippet di codice WordPress e vorresti aggiungerlo al tuo sito web, aggiungilo al file del plugin specifico del sito.

4. Aggiungi un file index.php (opzionale)

Questo è un passaggio facoltativo. Per evitare l'elenco delle directory, dovresti aggiungere un file di indice nella directory del plugin. Tutto quello che devi fare è:

Crea un file chiamato index.php
Aggiungi il seguente contenuto ad esso:

<?php
/**
* Nothing to see here.

3. Usa il tema figlio functions.php

In precedenza, abbiamo detto di non utilizzare il file functions.php del tuo tema. Tuttavia, questa è una buona alternativa per alcune modifiche, ad esempio per modifiche specifiche del tema. In questo modo, il codice personalizzato specifico del tema è disponibile quando il tuo tema è, poiché non sarà più necessario.

Tuttavia, le modifiche al tema dovrebbero sempre essere aggiunte al tema figlio e non a quello principale, quindi è sicuro per l'aggiornamento.

Se aggiungi codice al tuo functions.php , assicurati sempre di cercare i tag PHP di chiusura. Ecco come appaiono: ?> . Se il tuo file del tema termina in uno di questi, dovresti inserire il codice personalizzato sopra.

Conclusione

Come abbiamo appena visto, ci sono diversi modi per aggiungere codice personalizzato al tuo sito Web WordPress, ma non tutti sono buoni a lungo termine. Tuttavia, alcuni di loro sono migliori di altri in cose specifiche. Ad esempio, per modifiche specifiche al tema (aspetto e aspetto del sito Web), aggiungi codice personalizzato al file functions.php . Per qualsiasi altra modifica, idealmente dovresti creare il tuo plug-in specifico per il sito personalizzato

Assicurati solo di aggiungere codice personalizzato a WordPress in un modo che sia sicuro e semplifichi il debug se qualcosa va storto.
Ci auguriamo che questo articolo ti abbia aiutato a imparare come aggiungere facilmente frammenti di codice personalizzati nei tuoi siti WordPress.