Nel nostro precedente articolo, vi abbiamo mostrato due strumenti ricchi di funzionalità che eccellono nella modifica WordPress HTML per singole pagine e post. Ora, passiamo alla sezione successiva di modifica HTML, che coinvolge il codice sorgente di WordPress.
Poiché interferire con il codice sorgente potrebbe mettere a rischio il tuo sito, ti preghiamo di optare per questo metodo solo se sei sicuro della tua conoscenza del codice.
Sei? Allora cominciamo!
Perché dovresti sapere come modificare il codice sorgente HTML
WordPress mira ad aiutare gli utenti a evitare di toccare una riga di codice il più possibile. Inutile dire che è una piattaforma amichevole e facile da usare che fornisce molte funzioni e plugin integrati per aiutare gli utenti a soddisfare la maggior parte delle loro esigenze.
Ad esempio, quando si tratta di personalizzare il tuo sito WordPress, ci sono molti plugin e temi disponibili là fuori per aiutarti a fare le cose. Avendo loro installato e attivato, è possibile agghindare o personalizzare completamente il tuo sito senza problemi. In altre parole, per esigenze di base, WordPress ti consente di fare tutto senza interferire con il codice sorgente del tuo sito.
Tuttavia, arriva un momento in cui desideri avere un maggiore controllo sul tuo sito, ovvero eseguire la personalizzazione avanzata. Anche nello scenario peggiore, il tuo sito si blocca o soffre di errori che ti impediscono di accedere alla tua dashboard di amministrazione.
In queste circostanze, la modifica del codice sorgente HTML di WordPress potrebbe essere il ticket. Come tale, vi darà una mano nella risoluzione dei problemi.
Questo post ti mostrerà una guida completa alla modifica del codice sorgente HTML in WordPress. Di conseguenza, puoi scegliere la soluzione più adatta in base alle tue esigenze specifiche.
- Modifica HTML Codice Sorgente Utilizzando WordPress Theme Editor
- Modifica HTML Codice Sorgente Utilizzando il protocollo FTP (File Transfer Protocol)
- Modifica HTML Codice Sorgente Utilizzando cPanel
Modifica HTML Codice Sorgente Utilizzando WordPress Theme Editor
Utilizzando WordPress Theme Editor in dashboard è un metodo semplice. Significa che non è necessario utilizzare alcun plugin o piattaforma di terze parti per modificare il codice sorgente HTML.
Basta seguire i passaggi seguenti.
Passo 1: Passare a Aspetto > Editor di temi.
Passo 2: Viene visualizzato un messaggio di avviso per confermare la comprensione della modifica dell’HTML prima di iniziare. Fai clic su Capisco per far girare la palla.
Passo 3: Seleziona un tema da modificare nel menu a discesa nell’angolo destro. Diciamo che intendiamo modificare il tema Storefront.
Passo 4: Viene visualizzata una nuova schermata. Nell’elenco a destra, selezionare un file tema specifico che si intende modificare.
Si prega di notare la visualizzazione dei file a seconda del tema. Detto questo, ci sono punti comuni in tutti i temi. Ad esempio:
- Indice.php
- Intestazione.php
- Piè di pagina.php
- Stile.css
- Funzione.php
Passaggio 4: apportare modifiche all’HTML. Ricorda di procedere con cautela poiché anche una virgola o un punto errati potrebbero rompere il tuo sito.
Passo 5: Premere Aggiorna file per salvare le modifiche.
Vale la pena notare che WordPress ti impedirà di salvare il tuo HTML modificato se vengono rilevati errori. In questo caso, ricontrolla il tuo HTML e salvalo di nuovo.
Per questo motivo, questo metodo è considerato più sicuro degli altri 2 metodi, che verranno presentati di seguito.
Modifica il codice sorgente HTML usando FTP
FTP sta per File Transfer Protocol. Se sei un tecnico, la modifica del codice sorgente HTML di WordPress con un client FTP non sarà scienza missilistica per te. In questo articolo, andremo con FileZilla, che è considerato il client FTP più sicuro e facile da usare tra molti.
Ora, cominciamo!
Passo 1: Scarica FileZilla e installalo sul tuo locale.
Passo 2: Una volta fatto, apriamo FileZilla.
Ti richiederà di inserire le tue credenziali FTP come nome utente, password e nome host, che possono essere facilmente trovati nel tuo account di hosting.
Premere QuickConnect per connettersi al server.
Fase 3: Dovresti quindi vedere un elenco dei file del tuo sito web nel pannello di destra.
Apri la cartella public_html. È dove risiedono i file e le cartelle.
Passo 4: Nella cartella Public_html, cercare la cartella wp-content che ospita tutti i temi installati del tuo sito. Si dovrebbe scorrere verso il basso per vederlo.
Passo 5: All’interno della cartella wp-content, scegli temi.
Qui, scaricare e modificare i temi che si intende personalizzare.
Ad esempio, come puoi vedere nello screenshot qui sotto, abbiamo un tema chiamato twentytwentyone.
Passo 6: Apri la cartella del tema e vedrai un elenco di file HTML. Per modificarne uno, fare clic destro su di esso e selezionare l’opzione Visualizza/Modifica.
Di conseguenza, il file verrà scaricato sul tuo locale.
Passo 7: Modifica i file del tema con il tuo codice snippet.
Passo 8: Carica il file nella stessa cartella. Corrispondentemente, il nuovo file sovrascriverà quelli vecchi.
Questo è tutto! Puoi tornare al tuo sito pubblico e controllare il risultato.
Modifica il codice sorgente HTML usando cPanel
Un altro metodo degno di fiducia per modificare il codice sorgente HTML di WordPress sta usando cPanel.
Utilizzando cPanel, puoi gestire i tuoi siti web WordPress, account di posta elettronica, nomi di dominio, connessione al database, ecc. senza alcun tipo di conoscenza tecnica.
Ora, cerchiamo di esplorare come è possibile modificare il sorgente HTML WordPress con cPanel.
Passo 1: Accedi al tuo account di web hosting per accedere a cPanel.
Fase 2: Vai a File Manager e cerca la cartella public_html.
Passo 3: Nella cartella wp-content, dovresti essere in grado di trovare la cartella themes.
Passo 4: Nella cartella temi, selezionare il tema corrente e modificarlo.
Questo aprirà il file in un editor di testo in cui è possibile personalizzarlo. Dopo aver apportato le modifiche, non dimenticare di salvare il file.
Attenzione quando si modifica il codice sorgente HTML di WordPress
Come affermato, qualsiasi modifica nella fonte di WordPress potrebbe mettere a rischio il tuo sito. Pertanto, si prega di fare attenzione e prendere il nostro consiglio in seria considerazione prima di iniziare le cose.
Esegui il backup dei tuoi dati
Questo ti assicura di avere un datalog aggiornato da caricare sul tuo back-end nel caso in cui tutto si incasini quando modifichi il codice sorgente HTML.
Assicurati di archiviare i tuoi file di backup in un luogo sicuro in modo che quelli non autorizzati non possano accedere e rubare i tuoi dati preziosi.
Creare un tema figlio
Se si prevede di modificare direttamente qualsiasi codice nei file del tema, è necessario utilizzare il tema figlio anziché modificare direttamente quello principale. Altrimenti, perderai le modifiche una volta aggiornato il tema principale.
Sei pronto per modificare il codice sorgente HTML di WordPress?
Con i nostri due articoli, ti sei armato di solide conoscenze sulla modifica dell’HTML sulla tua pagina WordPress, incluse singole pagine, post e codice sorgente.