WordPress è una piattaforma facile da usare che puoi utilizzare senza toccare una singola riga di codice. Ma, sapendo come modificare HTML in WordPress è una buona abilità di avere sotto la cintura.

Con la conoscenza del codice di modifica, è possibile risolvere i problemi o eseguire la personalizzazione avanzata per migliorare il tuo sito WordPress.

Questo articolo parlerà del perché è necessaria la modifica dell’HTML in WordPress e di come farlo nel modo giusto.

È necessario?

WordPress funziona incredibilmente out-of-the-box, il che significa che si può avere un sito web bello e funzionale senza scrivere alcun codice.

Infatti, WordPress ha una vasta collezione di temi e plugin per modificare facilmente il tuo sito web. Quindi, non hai davvero bisogno di sapere come modificare HTML in WordPress.

Se si desidera modificare l’aspetto del tuo sito web, è possibile utilizzare e personalizzare il tema preinstallato o installarne uno nuovo dalla directory WordPress. Inoltre, per aggiungere più funzionalità al tuo sito web, l’installazione di plugin potrebbe essere una delle migliori soluzioni.

In breve, lasciare il codice sorgente di WordPress da solo va bene per la maggior parte delle situazioni.

Tuttavia, ci sono momenti in cui è necessario modificare HTML in WordPress perché potrebbe essere l’unico modo.

Ad esempio, quando si vuole fare la personalizzazione tema avanzato o aggiungere effetti HTML sui tuoi post come attraente testo evidenziato.

Tieni presente che la modifica del codice in WordPress in modo errato causerà più danni che benefici. Fallo con attenzione.

Cose da considerare

Modificare il codice sorgente di WordPress è un compito serio. Si dovrebbe ridurre al minimo il rischio ogni volta che è possibile.

Per farlo, dovresti considerare qual è il tuo obiettivo, quali strumenti usare e quanto tempo hai.

Chiediti: qual è il tuo motivo? Vuoi apportare modifiche per test, scopi di apprendimento o personalizzazione avanzata?

Se vuoi testare le cose, è altamente raccomandato creare un tema figlio di WordPress. Nel caso in cui qualcosa vada storto, non influenzerà il tuo sito web. A parte questo, giocare con un tema figlio ti permette di vedere se la modifica è come quella che ti aspettavi.

Puoi anche provare alcune funzioni di WordPress per scopi di apprendimento. Ricorda, dovresti restringere il campo di applicazione, toccando solo la parte che vuoi imparare. Non solo farà risparmiare tempo, ma vi impedirà di inciampare in problemi inutili.

La modifica del codice sorgente di WordPress richiede un editor HTML di testo come Notepad++ per Windows o Text Wrangler per Mac. È inoltre necessario preparare un client FTP come FileZilla e un browser moderno come Google Chrome.

L’ultima ma più importante cosa è decidere quanto tempo si vuole spendere per il compito.

In genere, la modifica del codice sorgente di WordPress da soli richiede molto tempo. Quindi, se pensi di non avere il tempo di farlo, assumere un professionista può essere un’opzione saggia.

Modifica del codice sorgente in WordPress

Come forse saprai, WordPress utilizza quattro diversi linguaggi di programmazione: HTML, CSS, PHP e JavaScript.

Ogni lingua ha il proprio codice e serve diverse funzionalità. Ad esempio, HTML gestisce la struttura del contenuto e CSS gestisce l’aspetto. Detto questo, potrebbe essere necessario eseguire determinate operazioni utilizzando un set specifico di codice.

Ora, esploriamo di più su come modificare il codice sorgente di WordPress.

Come modificare HTML in WordPress

Come precedentemente affermato, HTML — sta per HyperText Markup Language — controlla la struttura del contenuto.

Puoi aggiungere qualsiasi tipo di contenuto come testo, immagini, video nei tuoi post di WordPress. Di solito lo fai dall’editor di WordPress.

WordPress ha due tipi di editor: un editor visivo e di testo (HTML). Nell’editor classico, è possibile passare dall’editor visuale all’editor HTML facilmente perché si trovano fianco a fianco. Ma, questo non è il caso dell’editor Gutenberg appena introdotto. Ci sono due modi per passare all’editor HTML:

1. Cliccando sulle tre punti tasto menu su ogni blocco
2. Cliccando sul tre punti del menu in alto a sinistra per modificare l’intero post

Questo è un esempio di come modificare il codice HTML in WordPress utilizzando il Gutenberg editor:E questo è il risultato:

Quindi, puoi modificare HTML in WordPress usando i due modi sopra.

Ma, come modificare HTML sulla tua home page? Fondamentalmente, è possibile aggiungere HTML personalizzato dalle aree del widget. Vai a Aspetto – > Widget.

Dalle aree widget, è possibile modificare l’HTML dei widget disponibili o aggiungere altri widget dal menu HTML personalizzato.

Per modificare HTML, devi prima scegliere il widget mirato, apportare modifiche e salvarlo. D’altra parte, è possibile aggiungere nuovi widget dal menu HTML personalizzato. A seconda del tema attivato, le opzioni possono variare. Ad esempio, utilizzando il tema Twenty Seventeen, hai le opzioni: Barra laterale del blog, Piè di pagina 1 e Piè di pagina 2. Una volta aggiunti i dettagli, salvalo.

Come modificare PHP e CSS in WordPress

CSS (Cascading Style Sheets) applica lo stile all’HTML. È responsabile per determinare come viene presentata la pagina web.

Quando applichi un tema WordPress, il tuo sito web avrà un layout, un colore e dei caratteri specifici. Se non ti piace un certo tema, è possibile utilizzare un altro.

Ma cosa succede se si desidera mantenere il layout del tema ma si desidera modificare il carattere? Quindi, potrebbe essere necessario modificare PHP e CSS in WordPress.

Fai attenzione, questo metodo potrebbe non essere adatto ai principianti di WordPress.

Ci sono due modi per modificare PHP e CSS in WordPress: utilizzando l’editor di codice WordPress o il client FTP.

1. L’editor di codice WordPress

Il primo metodo accede all’editor di codice WordPress. Si prega di notare che è possibile utilizzare questo metodo solo se il tuo sito web funziona bene – significato il tuo sito web non si blocca a causa di eventuali attacchi malware o aggiornamenti non riusciti.

Una volta creato un tema figlio, attivarlo. Quindi, puoi andare su Aspetto – > Editor.

Assicurati di selezionare il tema figlio mirato che desideri modificare. Ad esempio, se si desidera modificare il piè di pagina, è possibile selezionare piè di pagina.php sul lato destro. Quindi, è possibile aggiungere o modificare il codice nell’editor di codice.

Dopo aver modificato il codice, fare clic sul pulsante Aggiorna file.

2. Client FTP

Il metodo successivo utilizza un client FTP.

Anche se questo potrebbe essere un metodo potente, non è consigliabile utilizzarlo. Non è sicuro e potrebbe mettere a rischio il tuo sito web in caso di cattiva gestione. Ma, ecco come è fatto se ti senti qualificato e fidati del tuo skillset.

Innanzitutto, è necessario creare un accesso con credenziali FTP. Quindi, puoi aprire il tuo client FTP e inserire i dettagli del tuo host FTP, nome utente e password.

Una volta che si riesce a connettersi, si avrà accesso al codice sorgente di WordPress. Selezionare i file che si desidera modificare, fare clic destro e scegliere modifica. Dopo aver terminato la modifica, è possibile salvare le modifiche.

Conclusione

Hai bisogno di un motivo valido per modificare HTML in WordPress. La maggior parte del tempo, è sufficiente utilizzare temi e plugin.

Se è necessario risolvere eventuali problemi o desidera eseguire la personalizzazione avanzata, è possibile modificare il codice sorgente di WordPress. Ci sono cose da considerare prima di farlo: i tuoi obiettivi, gli strumenti e il tuo tempo.