Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come modificare un sito web WordPress (Guida definitiva)

Con WordPress ci sono tantissimi modi per modificare l’aspetto e il funzionamento del sito. Questa flessibilità è ciò che rende la piattaforma così grande, ma può anche creare confusione.

Potreste avere domande del tipo: è meglio usare l’editor a blocchi? Chi siamo? Un plugin per la creazione di pagine? Oppure la strada da percorrere è quella del codice personalizzato? La risposta dipende da ciò che volete ottenere e dal vostro livello di confidenza con la tecnologia.

Abbiamo trascorso anni di elaborazione in corso con Learn WordPress e abbiamo imparato molto su quali metodi funzionano meglio in situazioni diverse. Abbiamo anche scoperto che, anche se le caratteristiche integrate di WordPress sono ottime, con alcuni plugin si può ottenere una maggiore libertà creativa.

In questa guida vi illustreremo i modi più diffusi per modificare il vostro sito WordPress, dalla personalizzazione del tema alla modifica di una pagina o di una pubblicazione.

How to Edit a WordPress Website (Ultimate Guide)

Una panoramica dei modi per modificare un sito WordPress

Come sistema di gestione dei contenuti open-source, WordPress ha molte caratteristiche per costruire e modificare il vostro sito web.

Se avete installato WordPress di recente, potreste esservi imbattuti in Gutenberg, l’editor a blocchi trascina e rilascia di WordPress che consente di personalizzare una pagina o un post. Questa caratteristica è piuttosto semplice e adatta ai principianti.

The Gutenberg block editor interface

Forse avete visto anche l’Editor del sito completo.

Si tratta di un’estensione di Gutenberg che consente di utilizzare l’editor a blocchi per personalizzare temi WordPress basati su blocchi.

The WordPress Full Site Editor

Detto questo, se si utilizza un tema WordPress classico, non a blocchi, l’FSE non sarà disponibile. Dovrete invece utilizzare il Personalizza tema di WordPress.

Questa caratteristica non prevede la funzione di trascinamento e rilascio, quindi non è così facile da usare. È necessario modificare il tema utilizzando alcune impostazioni del menu nel pannello di sinistra.

Using the WordPress Theme Customizer to edit a transportation and logistics website

Se avete bisogno di ulteriori opzioni personalizzate che non sono disponibili nelle caratteristiche integrate di WordPress, potete installare un plugin per la creazione di pagine come SeedProd.

È quello che di solito consigliamo ai principianti di WordPress. Come Gutenberg, SeedProd ha una caratteristica di trascinamento e rilascio. Tuttavia, offre più modi per essere creativi, come effetti di animazione e più opzioni di blocchi di contenuto per costruire le vostre pagine.

Editing the online coaching business theme in SeedProd

Alcuni utenti di WordPress utilizzano anche il Classic Editor. È l’editore legacy di pagine e articoli di WordPress che assomiglia un po’ a un editor di documenti.

Questa caratteristica non è più abilitata di default nelle ultime versioni di WordPress. Tuttavia, alcune persone la utilizzano ancora perché hanno una maggiore familiarità con essa e vogliono mantenere il design attuale dei loro siti web.

The Classic Editor Interface

In questo articolo vi mostreremo come modificare diverse parti del vostro sito web WordPress utilizzando gli editori che abbiamo menzionato.

Si presuppone inoltre che abbiate già installato e impostato WordPress. In caso contrario, avrete bisogno di un piano di hosting WordPress, di un dominio e di un’installazione di WordPress.

Volete passare a una sezione specifica di questo tutorial? Utilizzate i collegamenti rapidi riportati di seguito:

Come modificare un tema di WordPress

Una delle prime cose da fare dopo l’installazione di WordPress è scegliere e personalizzare il tema. Vi mostreremo 3 modi per farlo.

Personalizzazione di un tema a blocchi con l’editor completo del sito

La funzione Full Site Editing è stata introdotta in WordPress 5.9. È stato progettato per semplificare la modifica dei temi di WordPress a blocchi utilizzando l’editor a blocchi.

In base alla nostra esperienza, l’editor completo del sito ha semplificato notevolmente la personalizzazione del tema per i principianti, anche se è ancora in evoluzione.

Un segno rivelatore del fatto che si sta utilizzando un tema WordPress a blocchi è la presenza di Aspetto ” Editore nell’area di amministrazione di WordPress. Se invece vedete Aspetto ” Personalizza, potete passare all’uso del Personalizza tema.

Clicking Appearance Editor in the WordPress admin

Per utilizzare l’editor a blocchi del sito, è necessario aver installato un tema a blocchi. Ne trovate molti nel nostro elenco dei migliori temi WordPress a blocchi per il Full Site Editing.

Se si desidera trovare delle opzioni gratuite, andare su Aspetto ” Temi. Quindi, fate clic su “Aggiungi un nuovo tema”.

Adding a new WordPress theme in the admin area

Dopodiché, basta passare alla scheda “Temi di blocco”.

Sullo schermo appariranno decine di temi in blocco. Per le istruzioni di installazione, selezionate la nostra guida passo-passo su come installare un tema di WordPress.

Finding WordPress block themes in the admin area

Una volta installato il tema, si deve andare su Aspetto ” Editore.

A questo punto, verrà visualizzata la dashboard principale di Full Site Editing. È possibile modificare il menu di navigazione, gli stili, le pagine, i template e i pattern del tema.

Tratteremo questi argomenti nel resto del tutorial, ma vi mostreremo brevemente come cambiare lo stile del tema.

Per farlo, fate clic sul menu “Stili”.

Clicking Styles in the Full Site Editing interface

A questo punto, verrà visualizzato un elenco di abbinamenti di colori e tipografici forniti dal tema.

Ogni volta che fai clic su uno stile, l’interfaccia lo visualizza in anteprima.

Choosing a theme style in the Full Site Editor

Una volta soddisfatti della scelta, fai clic su “Salva”. In alternativa, è possibile creare uno stile personalizzato.

Per approfondire questo e altri modi di utilizzare l’Editor del sito completo, potete consultare la nostra guida per principianti al Full Site Editing di WordPress.

Personalizzazione di un tema classico con il Personalizza tema

Se si utilizza un tema classico di WordPress, si lavorerà con il Personalizza tema per modificarlo. Per accedervi, basta andare su Aspetto ” Personalizza dall’area di amministrazione di WordPress.

Opening the WordPress theme customizer

Le possibilità di personalizzazione variano a seconda del tema in uso.

Ad esempio, se si dispone del tema Astra, è possibile personalizzare lo stile dell’intero sito web, dell’header, del footer, della barra laterale, della pagina, del logo e così via.

Per questo motivo, si consiglia di leggere la documentazione del tema per ulteriori istruzioni.

What the Theme Customizer looks like for Astra theme

La nostra guida sul Personalizza tema può darvi indicazioni più dettagliate.

Una volta apportate le modifiche, è possibile visualizzare l’anteprima del sito web in diverse risoluzioni di schermo. Quindi, si può premere il pulsante “Pubblica” in alto per rendere effettive le modifiche.

Publishing a classic WordPress theme in the Theme Customizer

Abbiamo riscontrato che il Personalizza tema è meno flessibile di altre alternative presenti sull’elenco. Se la pensate così, vi consigliamo di utilizzare il metodo successivo.

Personalizzare un tema di WordPress con un plugin per il builder di pagine

Molti utenti di WordPress che non sono soddisfatti delle caratteristiche di progettazione integrate nella piattaforma utilizzano un builder di pagine per modificare il proprio sito. Si tratta di un plugin per WordPress che può sostituire l’editore predefinito per la progettazione di diverse parti del sito web.

La maggior parte dei builder di pagina sono dotati di una funzionalità di trascinamento e rilascio, quindi sono facili da usare quanto l’editor a blocchi. Inoltre, sono dotati di più blocchi di pagina e template per personalizzare il sito web.

Dopo aver testato numerosi builder di pagine, abbiamo sempre consigliato SeedProd come il migliore. È dotato di oltre 300 template per diverse categorie di settore, dall’e-commerce all’alloggio, fino ai servizi.

Per saperne di più, consultate la nostra recensione dettagliata di SeedProd.

SeedProd Website and Theme Builder

Nota: SeedProd è disponibile in versione gratuita, ma si consiglia di passare al piano Pro per accedere al builder dei temi. È quello che utilizzeremo in questo tutorial.

Per utilizzare SeedProd, è necessario installare prima il plugin per WordPress. Dopodiché, andare su SeedProd ” Impostazioni per attivare la licenza del piano Pro. È sufficiente inserire la chiave della licenza e fare clic su “Verifica chiave” per completare questo passaggio.

Verifying SeedProd Pro's license key

Passare quindi a SeedProd ” Theme Builder.

Fai clic su“Kit template” per visualizzare le opzioni del tema.

Accessing SeedProd's Theme Template Kits

Come potete vedere, sono disponibili molti template, dai negozi online ai siti di servizi. Sentitevi liberi di usare le impostazioni di filtro e di ordinamento per trovare quello giusto per le vostre esigenze.

Una volta fatta la scelta, basta fare un passaggio del mouse sul template del tema e fare clic sul pulsante arancione con il segno di spunta per utilizzarlo.

Choosing a theme template kit in SeedProd

A questo punto, basta tornare alla pagina del Theme Builder e selezionare il template del tema che si desidera modificare.

A scopo dimostrativo, mostreremo come modificare lo stile del template del tema SeedProd. Per farlo, individuare il template del tema ‘Global CSS’, passarci sopra e fare clic su ‘Modifica design’.

Editing a theme template kit's Global CSS in SeedProd

Ora ci si trova all’interno del builder di SeedProd e si può personalizzare lo stile del template del tema. Qui è possibile modificare i colori, i font, gli sfondi, i pulsanti, i moduli e il layout del sito web.

Vediamo come cambiare il font predefinito del tema. Per farlo, aprire il menu “Font”. Quindi, è sufficiente scegliere una delle numerose opzioni di font e colori di SeedProd per l’intestazione e il contenuto del testo.

Tutte le modifiche apportate verranno visualizzate automaticamente nell’anteprima di destra.

Changing a SeedProd theme template kit font in the Global CSS theme template

Quando si è soddisfatti dello stile, basta fare clic su “Salva” per rendere ufficiali le modifiche.

Quindi, si può tornare in SeedProd ” Theme Builder e attivare/disattivare l’opzione “Abilita tema SeedProd” in alto a destra.

Enabling the SeedProd theme template kit in WordPress

Per maggiori informazioni sulla modifica dei temi WordPress con SeedProd, potete consultare la nostra guida su come creare facilmente un tema WordPress personalizzato.

Come modificare una pagina o un articolo di WordPress

Se avete aggiornato WordPress all’ultima versione, molto probabilmente userete l’editor a blocchi Gutenberg per modificare una pagina o un articolo.

È possibile creare una nuova pagina andando su Pagine ” Aggiungi nuova pagina. In questo modo si crea automaticamente una pagina completamente vuota e si accede all’editor a blocchi.

Se invece si desidera modificare una pagina esistente, come quella della homepage o del blog, si può andare su Pagine ” Tutte le pagine. Passare il mouse sulla pagina che si desidera modificare e fare clic su “Modifica”.

Clicking the Edit button to edit an existing WordPress page

In alternativa, è disponibile anche la caratteristica di modifica rapida.

Questo permette di modificare il titolo della pagina, lo slug dell’URL e la data di ultima modifica.

Clicking the Quick Edit button in the WordPress Pages page

Con la funzione di modifica rapida si possono fare diverse cose.

Tra gli esempi vi sono l’impostazione di una password per la pagina, il renderla privata, l’assegnarla come pagina genitore, la modifica del template della pagina, l’autorizzazione/rifiuto dei commenti e la modifica dello stato della pagina.

The Quick Edit feature for WordPress pages

Per creare un nuovo articolo, basta andare su Messaggi ” Aggiungi nuovo articolo per creare un nuovo articolo vuoto e modificarlo con l’editor a blocchi.

Come in precedenza, è possibile modificare un articolo esistente di un blog WordPress al passaggio del mouse sull’articolo selezionato e facendo clic su “Modifica”.

The WordPress Posts interface in the WordPress admin area

La caratteristica di modifica rapida degli articoli è simile, ma con alcune piccole differenze.

Qui si possono anche add-on, consentire/disconsentire i ping e rendere l’articolo in evidenza (caratteristica del sito web).

The Quick Edit feature for WordPress blog posts

Una volta aperta una pagina o una pubblica di WordPress, ci sono molte cose che si possono fare nell’editor a blocchi.

In genere, si inizia facendo clic sul pulsante “+” per aggiungere un blocco in alto a sinistra.

Qui si trovano tutti i blocchi disponibili di WordPress e dei plugin utilizzati.

Opening the block inserter library in WordPress

È quindi possibile trascinare e rilasciare un blocco nell’area di modifica principale.

Successivamente, è possibile utilizzare la barra degli strumenti e la barra laterale delle impostazioni per configurare lo stile, le dimensioni, la spaziatura interna, il margine, la spaziatura e altro ancora del blocco.

The block settings sidebar in WordPress

Se avete installato un plugin di WordPress, potreste vedere alcune impostazioni sotto l’interfaccia di modifica.

Ad esempio, il plugin All in One SEO mostra una sezione in cui è possibile ottimizzare il meta titolo e la descrizione della pagina o dell’articolo per i motori di ricerca.

The AIOSEO settings in the WordPress block editor

Abbiamo molte guide per approfondire la modifica di articoli e pagine, per cui vi invitiamo a consultarle:

Come modificare una pagina o un articolo di WordPress con Classic Editor

Sebbene in generale raccomandiamo di adottare l’editor a blocchi, comprendiamo che alcuni utenti preferiscono la semplicità del Classic Editor per alcune attività. Ad esempio, per scrivere contenuti a modulo lungo o per modificare rapidamente le pubblicazioni senza la distrazione delle interfacce a blocchi.

Se si desidera utilizzare l’Editor classico, è necessario abilitarlo. Per farlo, potete leggere il nostro articolo su come disabilitare Gutenberg e attivare il Classic Editor.

Dopodiché, basta creare un nuovo articolo o una nuova pagina andando su Post Aggiungi un nuovo articolo o Pagine Aggiungi una nuova pagina e l’Editor classico apparirà sullo schermo.

The WordPress classic editor

A differenza dell’editor a blocchi, non si aggiungono blocchi per inserire contenuti nella pagina o nella pubblicazione. Al contrario, si può solo digitare testo, formattarlo utilizzando i controlli in alto nel pannello di modifica e aggiungere file multimediali al contenuto facendo clic sul pulsante “Aggiungi media”.

Nella parte inferiore e laterale dell’interfaccia di modifica sono presenti le impostazioni per pubblicare la pagina o il post, impostare le categorie/tag della pagina o del post, caricare un’immagine in evidenza e così via.

È inoltre possibile passare dalla modalità di modifica visiva a quella testuale. Con il secondo editore è possibile modificare il codice HTML dell’articolo o della pagina.

The text editing mode in the WordPress classic editor

Come modificare una pagina di WordPress con un builder di pagina

Se si utilizza già un builder di pagine come SeedProd per modificare il tema, è possibile utilizzarlo anche per modificare una pagina. In questo modo, è possibile mantenere la coerenza del design in tutte le pagine.

È necessario creare una nuova pagina e aprire l’editor a blocchi. Se SeedProd è attivo, si vedrà in alto un pulsante con la scritta “Modifica con SeedProd”. Fare clic su di esso.

È possibile farlo anche con una pagina esistente. Tuttavia, si noti che il contenuto non verrà trasferito e si dovrà creare la pagina da zero.

Clicking the Edit with SeedProd button in the WordPress block editor

Nel builder della pagina, si vedrà che l’header e il footer del tema SeedProd sono stati aggiunti. Non resta che iniziare a costruire la pagina.

Per prima cosa, scegliete uno degli 8 layout da utilizzare sulla pagina.

Choosing a layout for the section in a SeedProd theme template

Sul lato sinistro si trovano tutti i blocchi e le sezioni che si possono trascina e rilasciare sul lato destro, che è l’anteprima del template.

Si possono utilizzare per inserire contenuti nella pagina.

SeedProd's block library

Ogni volta che si fa clic su un blocco o su una sezione, il lato sinistro mostra le impostazioni disponibili per personalizzare l’elemento.

Nello screenshot sottostante, si può notare che facendo clic sul blocco Testo appaiono le impostazioni del blocco. È possibile personalizzare il testo, inserire contenuti dinamici, modificare l’HTML, cambiare l’allineamento e così via.

Customizing SeedProd's text block settings

Una volta terminata la modifica della pagina, non dimenticate di fare clic su “Salva” per rendere effettive le modifiche.

Per maggiori dettagli, consultate la nostra guida su come creare una pagina personalizzata in WordPress.

Se volete creare una landing page personalizzata da zero, potete farlo anche con SeedProd. Tutto ciò che dovete fare è andare su SeedProd ” Landing Pages. Quindi, fate clic sul pulsante “+ Aggiungi una nuova landing page”.

Create a new landing page in SeedProd

Per maggiori informazioni, selezionate il nostro tutorial su come creare una landing page personalizzata.

Alternativa: Thrive Architect è un’altra ottima opzione di page builder per progettare pagine personalizzate e attraenti. Inoltre, consente di modificare le pagine pubbliche e non solo quelle.

Per maggiori informazioni, potete verificare la nostra recensione di Thrive Architect.

È inoltre possibile modificare l’header, il footer, la barra laterale e altre parti del template di WordPress.

Si tratta di sezioni del sito che non fanno parte del contenuto della pagina o dell’articolo principale. Tuttavia, sono essenziali per fornire informazioni aggiuntive o per facilitare la navigazione.

Le modalità di modifica di queste sezioni dipendono dal tema in uso, quindi esaminiamo le singole opzioni.

Come modificare l’header, il footer e altre parti del template di un tema a blocchi

Se si dispone di un tema a blocchi, è possibile utilizzare l’Editor del sito completo per modificare l’header e il footer del tema.

Nell’editor completo del sito, l’header e il footer sono considerati template. Questi sono anche noti come pattern di WordPress (un insieme di blocchi riutilizzabili) che appaiono in tutto il sito web.

Altri esempi di template sono la sezione dei commenti e la meta dell’articolo.

A titolo di esempio, vi mostreremo come modificare l’header di WordPress, ma potete ripetere questi passaggi con altre parti del template.

Per prima cosa, andare su Aspetto “ Editore. Una volta entrati nell’editor completo del sito, fate clic su “Patterns”.

Clicking the Patterns menu in the Full Site Editor

Verrà ora visualizzato un elenco di pattern forniti dal tema di WordPress.

Scorrere giù fino alla sezione Parti di template. Quindi, selezionare ‘Header’ e fare clic sulla parte del template Header.

Opening the header template part in the WordPress Full Site Editor

A questo punto, è necessario fare clic sul pulsante con la matita accanto al testo Header.

Si aprirà l’editor a blocchi.

Clicking the pencil button to edit the header using the Full Site Editor

L’editor a blocchi funziona allo stesso modo con le parti del template e con le pagine e gli articoli. È possibile aggiungere vari blocchi all’header, configurare il blocco e aggiornare le modifiche al termine.

Le header di solito includono il logo del sito (o la favicon), quindi è gratuito aggiungerlo anche qui.

Adding the Site Logo block to the header in the Full Site Editor

Se volete cambiare completamente l’aspetto dell’header ma non sapete da dove cominciare, fate clic sul pulsante “+” per aggiungere un blocco in alto a sinistra.

Quindi, navigare nella scheda “Patterns” e fare clic su “Headers”. Troverete molti layout di header pronti all’uso.

Finding WordPress header patterns in the Full Site Editor

Per ulteriori informazioni, consultate la nostra guida su come personalizzare l’header di WordPress.

Una volta terminata la modifica dell’header, fare clic su “Salva”. Poiché l’intestazione è una parte del template sincronizzata, tutte le modifiche apportate qui saranno applicate a tutte le pagine che la utilizzano.

Ora, se si desidera creare una nuova header o qualsiasi altra parte del template piuttosto che modificare quelle esistenti, si può tornare alla pagina ‘Patterns’. Quindi, fare clic sul pulsante ‘+ Crea pattern’ e selezionare ‘Crea parte template’.

Creating a new template part in the Full Site Editor

Nel popup, assegnare un nome alla parte template e selezionare il tipo di parte template.

Quindi, fare clic su “Crea”. Si verrà indirizzati all’editor a blocchi e si potrà modificare la parte del template come di consueto.

The Create template part popup in the WordPress Full Site Editor

Per maggiori dettagli, potete consultare la nostra guida completa alla modifica completa del sito WordPress.

Come modificare l’header, il footer e altre aree pronte per i widget di WordPress in un tema classico

In un tema classico, un widget di WordPress è fondamentalmente un blocco che si può add-on alle aree predisposte per i widget, come header, footer, barra laterale e così via.

Ogni tema classico di WordPress ha diverse aree pronte per i widget. Alcuni possono includere una barra laterale, altri no. Per maggiori informazioni, quindi, selezionate la documentazione del tema.

Per utilizzare i widget, si deve andare in Aspetto ” Widget. Qui è possibile aggiungere, configurare e rimuovere i blocchi nelle aree disponibili per i widget.

Adding the FlipBox widget to a sidebar or similar section

Potete leggere tutto sui widget nel nostro articolo su come aggiungere e usare i widget in WordPress.

Per saperne di più su questa caratteristica, selezionate la nostra guida sulla differenza tra widget e blocchi.

Come modificare l’header, il footer e altre parti del template di WordPress con il builder di pagina

Uno dei vantaggi dell’utilizzo di un builder di pagina è che avrete più opzioni per personalizzare header, footer, barre laterali e altre parti del tema.

Se si utilizza SeedProd, si può andare su SeedProd ” Theme Builder. Si presume che sia stato installato un kit di template per temi in precedenza.

Il kit di solito include vari template del tema. Può trattarsi di un template di pagina incorporato, come un articolo 404 o singolo, o di una parte di pagina, come header, footer, tabelle dei prezzi e così via.

Passare al mouse sul template di un tema. Poi fate clic su “Modifica design”.

Editing the header theme template in SeedProd

A questo punto, è possibile modificare l’header come si farebbe con una pagina.

Supponiamo di voler aggiungere qui i colleghi dei social media. Si può fare un passaggio del mouse sull’header finché non appare il bordo blu e fare clic sul pulsante ‘+ Aggiungi riga’. Quindi, selezionare il layout dei disponi in riga.

Nel nostro esempio, vogliamo aggiungere un’ulteriore colonna in modo che l’header possa contenere l’immagine, il menu e i collegamenti ai social media. Ciò significa che avremo bisogno di tre colonne in una riga.

Choosing a row layout in SeedProd

È quindi possibile trascina e rilascia i blocchi dalla riga in alto alla nuova riga.

Successivamente, eliminare la riga in alto in modo che la nuova riga diventi la nuova header.

Deleting a previous row in a SeedProd section

A questo punto, cercate il profilo Social nel pannello di sinistra.

Trascinatela nella colonna di destra e il gioco è fatto.

Adding the Social Profiles block in the header in SeedProd

Per sapere tutto sulla modifica di parti di template, potete leggere questi tutorial di WordPress:

Come modificare un menu di navigazione in WordPress

Un menu di navigazione consente ai visitatori di esplorare facilmente tutti i contenuti del sito web senza perdersi. Per questo motivo è importante progettare un menu che mostri le pagine essenziali e i collegamenti ad altre informazioni rilevanti.

Se si utilizza un tema WordPress a blocchi, è possibile selezionare il menu “Navigazione” dalla pagina dell’editor completo del sito.

Selecting Navigation in WordPress Full Site Editing

Il nostro articolo sull’aggiunta di menu di navigazione personalizzati in WordPress può guidarvi attraverso il resto dei passaggi.

Se si utilizza un tema classico di WordPress, si può andare in Aspetto ” Menu. Si tratta di una pagina dedicata all’aggiunta, alla disposizione e alla rimozione di pagine/articoli e colleghi nei menu.

How to add a WordPress navigation menu to your site or blog

Per istruzioni passo passo, potete selezionare la nostra guida per principianti su come add-on un menu di navigazione in WordPress.

Se si utilizza un builder di pagine come SeedProd, il menu di navigazione (blocco Nav Menu) potrebbe essere stato oggetto incorporato nel template del tema header.

Il blocco Nav Menu includerà già tutte le pagine, ma è possibile aggiungere anche nuovi elementi.

Per prima cosa, andare su SeedProd “ Theme Builder dalla propria Bacheca di WordPress. Quindi, trovare il template del tema “Header” e fare clic su “Modifica design”.

Editing the header theme template in SeedProd

Ora, fare un passaggio del mouse sul blocco che sembra un menu. Dovrebbe essere il blocco “Menu nav”.

A questo punto, scorrere il pannello di sinistra verso il basso e fare clic su “+ Aggiungi nuovo elemento”.

È quindi possibile personalizzare il testo di ancoraggio, inserire l’URL, farlo aprire in una nuova finestra e impostarlo come nofollow.

Adding new menu items in SeedProd

In basso, è possibile modificare la dimensione del font, la spaziatura, il divisore e l’allineamento dei colleghi.

Non dimenticate di fare clic su “Salva” per rendere effettive le modifiche.

Configuring the Nav Menu block in SeedProd

Come modificare un sito WordPress con il codice

Se vi sentite a vostro agio con il codice, potete anche utilizzare gli snippet di codice personalizzati per modificare il vostro sito web WordPress. Tuttavia, vi consigliamo questo metodo solo se avete le giuste conoscenze tecniche per evitare di rompere il vostro sito web.

Un modo per modificare un sito WordPress con il codice è l’aggiunta di CSS, un foglio di stile che può cambiare l’aspetto dell’HTML sul frontend.

Gli utenti del tema classico possono andare su Aspetto “ Personalizza e trovare il campo ‘CSS aggiuntivi’ nel Personalizza tema.

Qui è possibile inserire codice CSS per stilizzare diversi elementi HTML, come colori e font.

Questo può essere utile se le opzioni integrate nel tema non sono sufficienti per le vostre esigenze.

Adding custom CSS in WordPress

Per quanto riguarda gli utenti dei temi a blocchi, non è possibile aggiungere CSS personalizzati all’interno dell’editor completo del sito.

Invece, è necessario andare all’URL sottostante per aprire il Personalizza tema e trovare il campo CSS aggiuntivi. Assicuratevi di sostituire il nome del dominio con il vostro.

https://example.com/wp-admin/customize.php

Per maggiori dettagli, consultate la nostra guida su come correggere la mancanza del Personalizza tema in WordPress.

Un altro modo per aggiungere CSS è CSS Hero. Questo plugin rende facile l’aggiunta di CSS personalizzati ai temi di WordPress, anche per i principianti.

Se siete interessati a utilizzarlo, selezionate la nostra recensione di CSS Hero e queste esercitazioni:

Come modificare i file del tema di WordPress

A volte, alcuni tutorial possono richiedere di modificare i file del tema di WordPress per apportare modifiche che vanno oltre quelle consentite dalle caratteristiche integrate del tema. Detto questo, vi consigliamo di modificare direttamente i file del tema solo se è l’unico modo per raggiungere i vostri obiettivi.

In questo caso, si consiglia:

  • Creare primaun tema child. Si tratta di una copia del tema di WordPress che si può personalizzare in modo sicuro con un po’ di codice.
  • Eseguire ilbackup del sito web. È una buona misura da adottare per poter ripristinare il sito web a una versione precedente in caso di errori.

Per modificare un tema di WordPress è necessario accedere alla directory dei file di WordPress dal backend. Per farlo, dovrete aprire il file manager del vostro fornitore di hosting o collegarvi al vostro sito web con un client FTP.

Se si utilizza Bluehost, è possibile accedere alla propria Bacheca e aprire la scheda “Siti web”. Dopodiché, fate clic su “Impostazioni” sul sito web per il quale volete aprire i file del tema.

Opening Bluehost's website settings

A questo punto, è sufficiente andare giù fino alla sezione “Collegamenti rapidi”.

Quindi, fate clic su “Gestione file”. Se non si è sicuri di dove sia la cartella principale, si può selezionare la funzione “Radice del documento” per vederne il percorso.

Opening Bluehost's file manager

Una volta entrati nel file manager, si può andare nella cartella principale del sito web (di solito denominata public_html).

Quindi, andare in /wp-content/themes e trovare la cartella del tema corrente.

An example of what the WordPress theme files look like in the Bluehost file manager

Successivamente, si troveranno tutti i file del tema di WordPress, che possono essere modificati con un editor di testo.

Ecco alcune cose che si possono fare modificando i file del tema di WordPress:

Come inserire in modo sicuro il codice personalizzato in WordPress

Se volete aggiungere nuovo codice personalizzato in WordPress, vi consigliamo di utilizzare WPCode. Nei nostri test, WPCode si è dimostrato un’alternativa più sicura e più facile da usare rispetto alla modifica diretta dei file del tema.

WPCode - Best WordPress Code Snippets Plugin

Grazie a questo plugin, non dovrete preoccuparvi di chi siamo per rompere accidentalmente il vostro sito web. WPCode vi informerà se ci sono errori nel codice e lo disattiverà. Inoltre, è possibile creare shortcode PHP per inserire contenuti personalizzati nel sito web.

Per vedere WPCode in azione, potete selezionare la nostra recensione completa di WPCode nel Solution Center di WPBeginner.

Qual è il modo migliore per modificare un sito WordPress per i principianti?

Per i principianti, consigliamo sempre di installare un plugin per la creazione di pagine, come SeedProd, per modificare i siti web di WordPress. Il motivo è che è facile da usare come l’editor a blocchi, ma offre un controllo molto maggiore sul design del sito web.

Se non si vuole usare un plugin, la cosa migliore è un tema a blocchi con l’editor completo del sito. Questa caratteristica non è ancora del tutto sviluppata perché WordPress è in costante elaborazione in corso sul progetto Gutenberg. Ma per ora è abbastanza facile da usare.

Il Personalizzatore del tema non è flessibile come l’Editor del sito completo, perché manca della funzionalità di trascina e rilascia. Per questo motivo suggeriamo agli utenti del tema classico di installare SeedProd per migliorare la loro esperienza utente.

Per quanto riguarda la codifica, la consigliamo solo se avete creato un tema child e un backup del vostro sito per evitare errori. Ma con il plugin WPCode, l’aggiunta di codice personalizzato per modificare il sito WordPress è molto più sicura e non causerà errori o rotture del sito web.

Speriamo che questo articolo vi abbia aiutato a imparare a modificare un sito web WordPress. Potreste anche voler dare un’occhiata alle nostre verifiche sui migliori builder di temi per WordPress e al nostro elenco di eccellenti esempi di siti web per WordPress che dovreste consultare.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

3 commentiLascia una risposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Peter Iriogbe

    I have noticed that all the screenshots used in this post are desktop sizes. This shows that the user leveraged his laptop computer to do the edition. Does this mean one can not use a mobile phone to edit? Or can some use it to edit? Because not all WordPress website owners have a laptop or desktop computer? What do you have to say about this?

    • WPBeginner Support

      It is not required to use a laptop to edit a WordPress site but it is normally recommended as you can test a mobile view on a laptop/desktop but testing a laptop/desktop view on mobile is very difficult.

      Admin

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.