Stai cercando un modo semplice per modificare HTML sul tuo sito web WordPress?
HyperText Markup Language o HTML è un codice che indica a un browser Web come visualizzare il contenuto sulle pagine web. La modifica dell’HTML è utile per la personalizzazione avanzata e la risoluzione dei problemi.
In questo articolo, ti mostreremo come modificare HTML nell’editor di codice WordPress utilizzando metodi diversi.
Perché si dovrebbe modificare HTML in WordPress?
WordPress offre migliaia di temi e plugin per modificare l’aspetto del tuo sito web e personalizzare diversi elementi senza toccare una singola riga di codice.
Tuttavia, i plugin e i temi hanno i loro limiti e potrebbero non offrire le caratteristiche esatte che stai cercando. Di conseguenza, potresti non essere in grado di modellare il tuo sito web nel modo in cui vuoi che appaia.
Questo è dove la modifica HTML è davvero utile. È possibile eseguire facilmente la personalizzazione avanzata utilizzando il codice HTML. Fornisce molta flessibilità e controllo su come il tuo sito apparirà e funzionerà.
Inoltre, imparare a modificare l’HTML può anche aiutarti a identificare e correggere gli errori sul tuo sito web WordPress quando non hai accesso alla dashboard.
Nota: Se non vuoi modificare HTML, ma vuoi comunque opzioni di personalizzazione complete, ti consigliamo di utilizzare un generatore di pagine WordPress drag and drop come SeedProd.
Detto questo, diamo un’occhiata a diversi modi per modificare HTML in un sito web WordPress.
Tratteremo come modificare HTML utilizzando l’editor di blocchi e l’editor classico, e ti mostreremo anche un modo semplice per aggiungere codice al tuo sito. È possibile fare clic sui link qui sotto per saltare avanti alla vostra sezione preferita.
- Come Modificare l’HTML in WordPress Editor di Blocchi
- Come Modificare l’HTML in WordPress Editor Classico
- Come Modificare l’HTML in WordPress Widget
- Come Modificare l’HTML in un Tema WordPress Editor
- Come Modificare l’HTML in WordPress Tramite FTP
- Modo Semplice per Aggiungere il Codice in WordPress
Come Modificare il codice HTML in WordPress Editor di Blocchi
In WordPress editor di blocchi, ci sono diversi modi per modificare il codice HTML del tuo post o pagina.
In primo luogo, è possibile utilizzare un blocco HTML personalizzato nel contenuto per aggiungere codice HTML.
Per iniziare, vai alla dashboard di WordPress e aggiungi un nuovo post/pagina o modifica un articolo esistente. Successivamente, fai clic sul segno più ( + ) nell’angolo in alto a sinistra e aggiungi un blocco ‘HTML personalizzato’.
Quindi, vai avanti e inserisci il tuo codice HTML personalizzato nel blocco. Puoi anche fare clic sull’opzione’ Anteprima ‘ per verificare se il codice HTML funziona correttamente e come i tuoi contenuti appariranno sul tuo sito Web dal vivo.
Un altro modo per aggiungere o modificare il codice HTML nell’editor di blocchi WordPress è modificando l’HTML di un particolare blocco.
Per farlo, è sufficiente selezionare un blocco esistente nel contenuto e quindi fare clic sul menu a tre punti. Quindi, vai avanti e fai clic sull’opzione’ Modifica come HTML’.
Ora vedrai l’HTML di un singolo blocco. Vai avanti e modifica l’HTML del tuo contenuto. Ad esempio, è possibile aggiungere un link nofollow, modificare lo stile del testo o aggiungere altro codice.
Se si desidera modificare l’HTML dell’intero post, è possibile utilizzare l’editor di codice nell’editor di blocchi di WordPress.
È possibile accedere all’editor di codice facendo clic sull’opzione a tre punti nell’angolo in alto a destra. Quindi selezionare ‘Editor di codice’ dalle opzioni a discesa.
Come modificare HTML in WordPress Classic Editor
Se stai usando WordPress classic editor, puoi facilmente modificare l’HTML nella vista testo.
Per accedere alla vista Testo, è sufficiente modificare un post sul blog o aggiungerne uno nuovo. Quando sei nell’editor classico, fai clic sulla scheda ‘Testo’ per visualizzare l’HTML del tuo articolo.
Successivamente, è possibile modificare l’HTML del contenuto. Ad esempio, è possibile grassetto parole diverse per renderli prominente, utilizzare lo stile corsivo nel testo, creare elenchi, aggiungere un sommario, e altro ancora.
Come modificare HTML in WordPress Widgets
Lo sapevate che è possibile aggiungere e modificare il codice HTML nella zona widget del tuo sito?
In WordPress, utilizzando un widget HTML personalizzato può aiutare a personalizzare la barra laterale, piè di pagina, e altre aree di widget. Ad esempio, puoi incorporare moduli di contatto, Google Maps, pulsanti call to action (CTA) e altri contenuti.
Puoi iniziare dirigendoti verso il tuo pannello di amministrazione di WordPress e poi vai su Aspetto ” Widget. Dopo di che, andare avanti e aggiungere un widget HTML personalizzato facendo clic sul pulsante ‘Aggiungi’.
Successivamente, è necessario selezionare dove si desidera aggiungere il widget HTML personalizzato e scegliere una posizione. L’area widget dipenderà dal tema WordPress che stai utilizzando. Ad esempio, potresti essere in grado di aggiungerlo al piè di pagina, all’intestazione o ad altre aree.
Una volta selezionata l’area e la posizione del widget, vai avanti e fai clic sul pulsante ‘Salva widget’.
Dopo di che, è possibile fare clic sul widget HTML personalizzato, inserire il codice HTML, e quindi fare clic sul pulsante ‘Salva’.
Ora puoi visitare il tuo sito web per vedere il widget HTML personalizzato in azione.
Come modificare l’HTML nell’editor di temi WordPress
Un altro modo per modificare l’HTML del tuo sito Web è attraverso l’editor di temi WordPress (Editor di codice).
Tuttavia, non è consigliabile modificare direttamente il codice nell’editor del tema. Il minimo errore durante l’inserimento del codice può interrompere il tuo sito web e impedirti di accedere alla dashboard di WordPress.
Inoltre, se si aggiorna il tema, tutte le modifiche andrebbero perse.
Detto questo, se stai pensando di modificare HTML usando l’editor dei temi, allora è una buona idea eseguire il backup del tuo sito web prima di apportare modifiche.
Avanti, oltre al capo di aspetto ” Editor di tema dal dashboard di WordPress. Ora vedrai un messaggio di avviso sulla modifica diretta dei file del tema.
Una volta fatto clic sul pulsante “Capisco”, vedrai i file e il codice del tema. Da qui, è possibile scegliere quale file si desidera modificare e apportare le modifiche.
Come modificare HTML in WordPress Utilizzando FTP
Un altro metodo alternativo per modificare HTML nei file del tema WordPress è utilizzando FTP noto anche come servizio di file transfer protocol.
Questa è una funzionalità standard fornita con tutti gli account di hosting WordPress.
Il vantaggio di usare FTP invece dell’editor di codice è che puoi facilmente risolvere i problemi usando il client FTP. In questo modo, non sarai bloccato dalla tua dashboard di WordPress se qualcosa si rompe durante la modifica dell’HTML.
Per iniziare, devi prima selezionare un software FTP. Useremo FileZilla in questo tutorial, in quanto è un client FTP gratuito e facile da usare per Windows, Mac e Linux.
Dopo aver selezionato il tuo client FTP, dovrai ora accedere al server FTP del tuo sito. Puoi trovare i dettagli di accesso nella dashboard del pannello di controllo del tuo provider di hosting.
Una volta effettuato l’accesso, vedrai diverse cartelle e file del tuo sito web nella colonna “Sito remoto”. Vai avanti e passare ai file del tema andando a wp-content ” tema.
Ora vedrai diversi temi sul tuo sito web. Vai avanti e selezionare il tema che si desidera modificare.
Successivamente, è possibile fare clic destro su un file del tema per modificare l’HTML. Ad esempio, se si desidera apportare modifiche al piè di pagina, fare clic con il pulsante destro del mouse sul piè di pagina.file php.
Molti client FTP consentono di visualizzare e modificare il file e caricarli automaticamente una volta apportate le modifiche. In FileZilla, puoi farlo facendo clic sull’opzione’ Visualizza/Modifica’.
Tuttavia, ti consigliamo di scaricare il file che desideri modificare sul desktop prima di apportare modifiche.
Dopo aver modificato l’HTML, è possibile sostituire il file originale. Per maggiori dettagli, ti consigliamo di seguire la nostra guida su come utilizzare FTP per caricare file in WordPress.
Modo semplice per aggiungere codice in WordPress
Il modo più semplice per aggiungere codice al tuo WordPress è utilizzando il plugin WordPress Inserisci intestazioni e piè di pagina.
Il team di WPBeginner ha progettato questo plugin, in modo da poter facilmente aggiungere codice al tuo sito in pochi minuti, e abbiamo reso 100% libero di utilizzare.
Aiuta anche a organizzare il codice, in quanto è memorizzato in un unico luogo. Inoltre, previene gli errori che possono essere causati quando si modifica manualmente il codice.
Un altro vantaggio è che non devi preoccuparti che il tuo codice venga cancellato se decidi di aggiornare o modificare il tuo tema.
La prima cosa che devi fare è installare e attivare il plugin Inserisci intestazioni e piè di pagina sul tuo sito web. Per maggiori dettagli, puoi seguire il nostro tutorial dettagliato su come installare un plugin per WordPress.
Una volta che il plugin è attivo, si può andare oltre a Impostare ” Inserisci intestazioni e piè di pagina dal pannello di amministrazione.
Successivamente, puoi aggiungere il codice HTML al tuo sito Web nelle caselle intestazione, corpo e piè di pagina.
Ad esempio, supponiamo che tu voglia visualizzare una barra di avviso sul tuo sito web. Puoi semplicemente inserire il codice HTML nella casella ‘Script nel corpo’ e fare clic sul pulsante Salva.
Oltre a questo, è possibile aggiungere un codice di monitoraggio Google Analytics e Facebook pixel nell’intestazione o aggiungere un pulsante Pinterest nel piè di pagina del tuo sito web utilizzando il plugin.
Per maggiori dettagli, puoi vedere la nostra guida su come aggiungere il codice di intestazione e piè di pagina in WordPress.
Speriamo che questo articolo ti abbia aiutato a imparare come modificare HTML nell’editor di codice WordPress. Potresti anche voler guardare la nostra guida su quanto costa davvero costruire un sito web WordPress, o vedere i motivi più importanti per cui dovresti usare WordPress per il tuo sito web.
Se ti è piaciuto questo articolo, allora si prega di iscriversi al nostro canale YouTube per WordPress video tutorial. Potete anche trovarci su Twitter e Facebook.