Guida per principianti alla modifica completa del sito WordPress

Intraprendi un viaggio di creatività senza limiti con la modifica completa del tuo WordPress . Sono finiti i giorni in cui eri limitato da modelli rigidi e opzioni di personalizzazione limitate. Ora, immagina di avere il potere di plasmare ogni centimetro del tuo sito web con una modifica completa, dalle eleganti intestazioni per un titolo che accoglie i visitatori a piè di pagina elaborati o una barra laterale elegante che lascia un'impressione duratura.

Con l'editing completo di WordPress, i confini tradizionali del web design svaniscono, aprendo la strada a una nuova era di innovazione nell'editing dei siti. Questo approccio rivoluzionario introduce una serie di blocchi di design, che ti consentono di modellare senza sforzo il layout del tema a blocchi del tuo sito in base alla tua visione unica. Le strutture predefinite non ti vincolano più; al contrario, puoi esplorare, sperimentare ed esprimere appieno te stesso.

Analisi della modifica completa del sito su WordPress 

La modifica completa del sito in WordPress ti consente di personalizzare facilmente ogni aspetto del tuo sito web. A differenza dell'approccio tradizionale, in cui era possibile modificare solo post e pagine, ora puoi creare intestazioni e piè di pagina e creare aree di contenuto complesse utilizzando i blocchi.

Plugin popolari che si occupano dell'intero sito, come Divi ed Elementor , hanno abbracciato questo cambio di paradigma, fornendoti un toolkit di editor a blocchi ricco di funzionalità avanzate e controlli intuitivi. Che tu sia uno sviluppatore esperto o un utente alle prime armi di e a blocchi , l'editing completo del sito ti consente di dare vita alle tue idee con una precisione e una finezza senza pari.

Leggi anche : I migliori temi WordPress SaaS per Elementor

Principali vantaggi della modifica completa del sito

In poche parole, la modifica completa del sito ti consente di liberare la tua creatività, semplificare il flusso di lavoro e rendere il tuo sito web a prova di futuro, il tutto senza la seccatura di strumenti complicati o gergo tecnico.

I principali vantaggi sono:

• Controllo completo del design : con la modifica completa del sito, sei tu il capo. Modella ogni angolo del tuo sito web, dall'icona del sito agli spazi per le immagini in evidenza, del logo ai blocchi dei post: tutto esattamente come lo immagini, dalle intestazioni ai piè di pagina, con facilità.

• Esperienza di editing unificata : di' addio ai continui salti tra diversi modelli di pagina, file di template ed editor. La modifica completa del sito WordPress riunisce tutto sotto un unico tetto, semplificando il lavoro sulla dashboard di WordPress e rendendo più efficiente la modifica dell'aspetto del tuo sito.

• Maggiori opzioni di personalizzazione : stanchi dei soliti design standardizzati che si trovano nella maggior parte dei temi ? La modifica completa del sito WordPress offre una vasta gamma di opzioni di personalizzazione per la piattaforma WordPress, consentendovi di personalizzare ogni aspetto della vostra pagina web, utilizzando la modifica completa del sito per riflettere il vostro stile unico.

• Flusso di lavoro semplificato : non dovrai più destreggiarti tra più strumenti e plugin. La modifica completa del sito semplifica il processo di progettazione, facendoti risparmiare tempo e fatica, così potrai concentrarti su ciò che conta di più: creare contenuti di qualità.

• Dipendenza ridotta dai plugin : di' addio al sovraccarico di plugin. Utilizza la modifica completa del sito perché molte delle funzionalità che un tempo richiedevano l'uso di plugin sono ora integrate direttamente nel post del blog di WordPress, come mostrato nel nuovo editor del sito. Questo riduce al minimo la necessità di software aggiuntivo che appesantisce il layout delle tue pagine.

• Rendi il tuo sito a prova di futuro : rimani al passo con i tempi con l'editing completo del sito WordPress. Adottando questa innovativa soluzione di editing, rendi il tuo sito a prova di futuro , garantendo che rimanga adattabile e al passo con le nuove funzionalità, man mano che la tecnologia continua a evolversi.

La modifica completa del sito è disponibile solo sui temi a blocchi?

La modifica completa del sito WordPress non si limita ai temi a blocchi, ma i blocchi del sito sono progettati per sfruttare appieno questa funzionalità.

Ecco come funzionano i siti web WordPress con tutti i blocchi integrati nel loro tema:

• I temi a blocchi presentano blocchi di colonne con modello di intestazione, piè di pagina, barre laterali e altre parti del modello, oltre al blocco del contenuto del post.

• Utilizzano un file theme.json come tema di modifica completo del sito per controllare stili e impostazioni globali, sostituendo il tradizionale personalizzatore del tema.

• Sebbene non siano obbligatorie, le impostazioni dei blocchi sono ottimizzate per la modifica completa del sito, consentendo agli utenti di aggiungere blocchi in tutti i modelli del tema.

• Attualmente sono disponibili oltre 160 impostazioni di blocco, ma si tratta di un numero relativamente piccolo rispetto alle migliaia di temi tradizionali già popolari nella community di WordPress.

Per quanto riguarda i blocchi stessi, ne esistono due tipi:

• I blocchi statici contengono contenuti noti al momento della pubblicazione, come paragrafi, titoli, immagini e pulsanti.

• I blocchi dinamici (tema) sono progettati per la creazione di modelli e possono estrarre dinamicamente contenuti dal backend del sito, come feed di post, titoli, immagini in evidenza e altro ancora.

Continua a leggere : Scopri come creare facilmente un tipo di post personalizzato in WordPress

Cosa dovresti sapere prima di utilizzare la modifica completa del sito

Prima di immergersi nell'interfaccia dell'editor del sito e personalizzare il tuo sito WordPress, è essenziale comprendere i requisiti e le potenziali limitazioni della modifica completa del sito. Sebbene questa funzionalità sia potente, non tutti gli utenti WordPress saranno in grado di accedervi immediatamente.

Compatibilità solo con i temi a blocchi

La modifica completa del sito è disponibile solo per i temi a blocchi. Se utilizzi temi classici, l'editor dei modelli sarà limitato o inaccessibile e non vedrai la nuova interfaccia dell'editor del sito nella tua dashboard. Installa un tema a blocchi compatibile verificando la presenza del tag "Modifica completa del sito" nella directory del tema.

I temi a blocchi sono progettati appositamente per supportare modelli di intestazione e piè di pagina, stili di blocco e pagine personalizzate tramite il sistema di layout basato su blocchi. Questi temi utilizzano un file theme.json per definire stili globali, larghezza del contenuto e struttura del modello, sostituendo le vecchie opzioni di personalizzazione.

Controlla la tua versione di WordPress

La funzionalità di modifica completa del sito è stata introdotta in WordPress 5.8 e perfezionata nelle versioni successive. Per un'esperienza ottimale con le parti del modello, i blocchi di query loop e le varianti di stile, di aggiornare WordPress all'ultima versione . Le versioni precedenti potrebbero non supportare il markup dei blocchi o blocchi specifici utilizzati nei temi più recenti.

Comprendere la curva di apprendimento

Passare alla modifica completa del sito potrebbe risultare poco pratico se si proviene da flussi di lavoro di editor classici o si utilizzano plugin di creazione. Il menu a tre punti, la barra degli strumenti a blocchi e i nuovi strumenti di layout offrono funzionalità avanzate, ma richiede un po' di apprendimento. Siate pazienti mentre esplorate l'intera struttura del sito web dal nuovo editor.

Utilizzare un ambiente di staging

Prima di attivare un tema a blocchi o di passare da un plugin builder , è consigliabile testare le modifiche in un ambiente di staging. Questo garantisce che la transizione non interferisca con la struttura attuale della pagina, l'organizzazione dei file HTML e il CSS personalizzato.

Comprendere questi elementi essenziali ti consentirà di evitare insidie ​​e di sfruttare al meglio la tua esperienza di modifica completa del sito WordPress.

Passaggi per la modifica completa del sito su WordPress

Pronto a portare il tuo sito web WordPress a un livello superiore? Segui questi semplici passaggi per sfruttare appieno il potenziale dell'editing completo del sito, che ti consentirà di personalizzare ogni aspetto del tuo sito con facilità e precisione.

Passaggio 1: scelta di un tema compatibile

Ci sono oltre 150 temi di editing completi che puoi usare su WordPress. Puoi scaricarne uno gratuitamente da WordPress o acquistarne uno premium. Scegliamone uno gratuito da WordPress. Per prima cosa, accedi alla dashboard di WordPress e vai su Aspetto → Temi . Quindi, fai clic su Aggiungi nuovo .

Successivamente, fai clic su Filtro funzionalità per impostare i filtri. Puoi ordinare per argomento, funzionalità o layout. Per applicare i filtri, seleziona la casella Editor sito e fai clic su Applica filtri .

Vedrai le tue opzioni. Scegli un tema che ti piace o scegli il tema Twenty Twenty-Two per questa guida. Una volta selezionato, attiva il tema e sei pronto per iniziare!

Leggi anche : Esplorazione dei migliori temi a blocchi di WordPress

Passaggio 2: personalizzazione di un modello

Iniziamo a personalizzare il tuo nuovo tema, concentrandoci per semplicità tema Twenty Twenty Two

• Attiva il tuo tema : dopo averlo selezionato, attivalo per iniziare la personalizzazione.

• Accedi all'editor : vai su Aspetto → Editor per accedere agli strumenti di modifica.

• Esplora i modelli : una volta entrato nell'editor, inizia con il modello della home page. Per esplorare altri modelli, clicca sul logo di WordPress, quindi su Modelli.

• Crea nuovi modelli : utilizza il Aggiungi nuovo per creare modelli unici, personalizzati in base alle esigenze del tuo sito.

• Personalizza le parti del modello : modifica le parti del modello, come intestazioni e piè di pagina, per perfezionare l'aspetto del tuo sito.

• Aggiungi blocchi : migliora la funzionalità del tuo sito incorporando blocchi. Fai clic sul pulsante blu + per aggiungere e personalizzare i blocchi .

• Modifica i blocchi esistenti : puoi apportare le modifiche necessarie ai blocchi esistenti cliccandoci sopra e modificandone il contenuto o le impostazioni.

Leggi di più : Suggerimenti per correggere gli errori di aggiornamento e pubblicazione di WordPress: elenco definitivo

Fase 3: Ottenere stili globali

Una caratteristica distintiva dei temi di modifica completi è la possibilità di impostare stili globali, consentendo di personalizzare facilmente font, colori e spaziatura dell'intero sito. Che si desideri un aspetto coerente o stili specifici per determinati blocchi, questa funzionalità consente di risparmiare molto tempo rispetto ai temi precedenti. Ecco come accedere e personalizzare gli stili globali nel tema Twenty Twenty Two:

• Accesso agli stili globali : fare clic sull'icona degli stili in alto a destra dell'editor del sito per accedere agli stili globali del sito.

• Sfoglia gli stili disponibili : una volta attivato, esplora gli stili disponibili nel tema Twenty Twenty Two cliccando sul "Sfoglia stili" . Qui puoi scegliere la combinazione di colori più adatta al tuo sito.

• Impostazioni tipografiche: nella sezione Tipografia, personalizza le opzioni del font per il testo e i link. Regola la famiglia di font, la dimensione, l'altezza della riga e lo spessore per ottenere l'aspetto desiderato.

• Personalizzazione dei colori: nella sezione colori, modifica i colori utilizzati nella tua tavolozza globale. Scegli i colori per sfondi, testo e link tra diverse opzioni. Il tema Twenty Twenty Two offre 17 colori pieni e 20 sfumature, con la possibilità di aggiungere colori e sfumature personalizzati per scopi di branding.

• Regola la spaziatura : infine, regola la spaziatura del tuo layout. Imposta la spaziatura per i lati superiore, sinistro, destro e inferiore, collettivamente o individualmente, per garantire che i contenuti del tuo sito siano ben distanziati e visivamente accattivanti.

Leggi di più : Le modifiche di WordPress non vengono visualizzate? Risolvi facilmente!

Fase 4: Utilizzo dei blocchi tematici

Nell'editor a blocchi, puoi accedere a oltre 90 blocchi per creare modelli di pagina nell'editor del sito. Alcuni di questi sono blocchi di temi dinamici, che mostrano contenuti dinamici sul front-end del tuo sito. Ad esempio, quando ti trovi nel modello di post singolo, vedrai blocchi come il titolo del post, l'immagine in evidenza del post e il contenuto del post. Questi sono utili per creare modelli dinamici per visualizzare i post del tuo blog.

• Utilizzo di blocchi tematici per intestazioni, piè di pagina e altro : ci sono 27 blocchi tematici. Concentriamoci su come utilizzarne alcuni per creare un nuovo modello di intestazione per il tuo sito. Per prima cosa, vai al menu Modelli e seleziona "Modello vuoto" per iniziare.

• Navigazione nella vista Livelli : per vedere quali blocchi sono utilizzati nella tua pagina, clicca sull'icona dei livelli in alto a sinistra della schermata dell'editor del sito.

• Aggiungere blocchi per l'intestazione : fare clic sull'icona blu + e scorrere verso il basso fino alle opzioni del blocco tema. Selezionare il blocco della parte modello e trascinarlo sulla pagina vuota. Assegnargli un nome e fare clic su Crea. Quindi, aggiungere un blocco spaziatore per 20 px di spazio in alto e un blocco colonne con una variazione di colonne 33/33/33.

• Personalizzazione dell'intestazione : aggiungi il logo del sito, la navigazione e i blocchi dei link social alle colonne. Puoi caricare immagini, aggiungere voci di menu o aggiungere icone dei social media

• Regolazione del layout : nella vista livelli, regola la larghezza di ogni colonna rispettivamente al 20%, 60% e 20%, in Impostazioni colonna → Larghezza . In questo modo, la spaziatura per l'intestazione sarà corretta.

• Salvataggio del modello : una volta soddisfatto del design dell'intestazione, fai clic su Pubblica per salvare il modello.

Continua a cercare : i migliori temi WordPress SaaS per Elementor

Fase 5: Modelli di blocchi per i progetti iniziali

Quando si progettano template, i modelli a blocchi rappresentano un modo rapido per aggiungere blocchi e semplificare la progettazione. WordPress offre modelli a blocchi standard, ma è possibile crearne di personalizzati. Ecco come accedervi e utilizzarli:

• Modelli di blocco di accesso : fai clic sull'icona blu + nell'editor del sito, quindi vai alla scheda Modelli. Lì troverai varie categorie, come piè di pagina, intestazioni, pulsanti, gallerie e altro ancora.

• Modifica pattern : ogni pattern può essere personalizzato per adattarsi al tuo design. Puoi regolare colori, font e stili di riempimento all'interno dei singoli blocchi.

• Salvataggio dei pattern : per salvare un pattern personalizzato, fai clic sul menu con i puntini di sospensione nella vista elenco, quindi scegli Aggiungi a blocchi riutilizzabili. Puoi anche salvarlo come parte modello per un utilizzo successivo.

L'utilizzo di modelli a blocchi semplifica il processo di progettazione, aiutandoti a creare facilmente modelli dall'aspetto professionale.

Ulteriori letture : I migliori strumenti di gestione della reputazione del sito per monitorare le menzioni sui social

Suggerimenti professionali e insidie ​​comuni quando si utilizza la modifica completa del sito

Ora che hai una solida conoscenza di come iniziare, è il momento di concentrarti sulle best practice e di fare attenzione ad alcune sfide comuni che potrebbero presentarsi durante la creazione di un sito con l'editor di WordPress.

Eseguire sempre il backup prima di apportare modifiche importanti

Crea un backup prima di aggiornare i file del tema, aggiungere un nuovo modello o modificare la struttura della pagina. Questo protegge i tuoi contenuti nel caso in cui qualcosa si interrompa a causa di conflitti di blocchi o della rimozione di blocchi che interessano la pagina corrente.

Utilizzare l'editor di codice per il controllo avanzato

Sebbene l'interfaccia a blocchi sia potente, gli utenti avanzati possono sfruttarla ulteriormente utilizzando l'editor di codice all'interno dell'Editor del Sito. Questo è particolarmente utile per personalizzare il layout di un singolo blocco o per inserire commenti HTML. È anche possibile regolare con precisione l'allineamento, la spaziatura e la larghezza del contenuto, andando oltre quanto consentito dall'editor visuale.

Padroneggia il blocco Query Loop

Il "Query Loop" è un elemento fondamentale per la creazione di contenuti dinamici in Full Site Editing. Permette di visualizzare griglie di post, elenchi di prodotti o feed specifici per categoria in qualsiasi punto del sito, non solo nei modelli di pagina. Impara a regolare le impostazioni del loop, aggiungere filtri e personalizzare il contenuto della pagina utilizzando strutture di blocchi riutilizzabili.

Evita di mescolare temi classici e a blocchi

L'utilizzo di temi classici insieme agli strumenti FSE può creare incoerenze. I modelli di piè di pagina o di intestazione potrebbero non essere visualizzati correttamente e potresti perdere l'accesso all'interfaccia dell'editor del sito. Per evitare problemi, gli sviluppatori di temi consigliano di attenersi a temi completamente compatibili con i blocchi.

Esplora e personalizza le varianti di stile

Molti temi a blocchi moderni includono varianti di stile integrate che modificano i font, i colori e la spaziatura del sito web. È possibile modificare queste varianti facilmente senza modificare il contenuto della pagina, offrendo flessibilità di progettazione senza dover ricorrere a page builder di terze parti.

Utilizzare blocchi riutilizzabili e parti modello

La creazione di blocchi riutilizzabili ti aiuta a mantenere un design coerente per elementi come moduli di commento, sezioni CTA e pagine personalizzate. Salva blocchi o pattern direttamente tramite il menu a tre punti nell'editor e organizza i tuoi layout in modo più efficiente su più modelli.

Fai attenzione ai conflitti tra plugin

Alcuni vecchi plugin builder o estensioni dell'editor classico potrebbero entrare in conflitto con le funzionalità di FSE. Se possibile, utilizzate alternative ai plugin builder compatibili con i blocchi e disabilitate gli strumenti in conflitto che duplicano funzionalità già integrate nel nuovo editor di template.

Seguendo questi suggerimenti e conoscendo gli errori più comuni, otterrai un maggiore controllo sui tuoi template WordPress e creerai siti web più veloci, snelli e a prova di futuro utilizzando Full Site Editing.

Conclusione

L'editing completo di siti WordPress ti consente di liberare la tua creatività e di assumere il controllo completo sul design del tuo sito web. Esplora temi a blocchi compatibili, padroneggia l'editor a blocchi, sfrutta le risorse della community, implementa le best practice e abbraccia l'apprendimento continuo.

Seguendo questi semplici passaggi, potrai accedere a un mondo di possibilità, semplificare il tuo flusso di lavoro e garantire la tua presenza online per il futuro con questa innovativa funzionalità di WordPress.

Domande frequenti sulla modifica completa del sito WordPress