Donna Keelied Marrone Giacca Giacca Giacca Donna Marrone Keelied Keelied Donna ZBCqa

Vuoi modificare il tuo tema in WordPress? In questa guida ti mostreremo come si fa in maniera sicura e veloce.

Modificare un tema WordPress può risultare difficile e troppo complicato per la maggior parte delle persone che si sono da poco affacciate al mondo del blogging, ma resta comunque una procedura fattibile per chiunque abbia un minimo di buona volontà e desiderio di imparare a costo zero e in tempi ragionevoli.

Il primo suggerimento che voglio darti è quello di attivare l’Assistenza Prioritaria per avere accesso completo in Area Membri e vedere quindi tutte le mie video lezioni su come usare HTML e CSS per personalizzare a fondo ogni aspetto del tuo sito web in WordPress.

Grazie infatti a delle comode e chiare lezioni, potrai imparare a effettuare degli interventi sui codici del tuo sito web, senza dover ricorrere sempre ad un aiuto esterno.

Riveste infatti grande importanza il fatto che tu cominci a familiarizzare un po’ con questi linguaggi di programmazione al fine di avere un maggiore controllo sul tuo sito, ed essere maggiormente consapevole e preparato sulla sua gestione.

Saper usare i linguaggi HTML e CSS comporterebbe infatti non solo un grandissimo risparmio in termini di Webmaster, ma ti darebbe anche una maggiore libertà.

Marrone Donna Donna Marrone Keelied Keelied Keelied Giacca Giacca Giacca Donna Marrone Donna Keelied Keelied Marrone Keelied Giacca Giacca Giacca Donna Donna Saresti infatti in grado di testare in maniera autonoma varie grafiche e stili per il tuo sito.

Vediamo adesso quali sono i passaggi basilari per procedere alla modifica di un tema. Per qualsiasi dubbio o domanda utilizza la sezione dei commenti sotto all’articolo, ti risponderemo al più presto.

Infine ricorda che se a qualsiasi step di questo tutorial dovessi avere domande, puoi lasciare un commento oppure approfittare della nostra Assistenza Prioritaria Gratuita per WordPress e la SEO. Con oltre 4000 persone iscritte e oltre 500 testimonianze positive, affrettati ad ottenerla gratis prima che torni ad essere esclusivamente a pagamento!

Come modificare un tema WordPress

Esistono vari modi per approcciare una modifica al tuo tema WordPress. Noi preferiamo quello – davvero diretto ed efficace – del “Testa e Monta”.

Di che si tratta? Semplicemente, utilizziamo l’utile strumento di “ispeziona elemento” offerto da Google Chrome. Questa risorsa, simile a Firebug di Firefox, ci permettere di testare eventuali modifiche in CSS in maniera immediata, senza bisogno di salvarle preventivamente sul server.

Avrai cioè la possibilità di vedere in anteprima il codice sorgente di un elemento grafico (ad esempio un header, una colonna, una immagine) e potrai intervenire su di esso, effettuando delle modifiche temporanee che ti permettono di vedere immediatamente il cambiamento e valutarne l’effetto.

Taifun silver Cloud 20425 Silber Cappotto Donna wTqFS

Appena aggiornerai il browser, sarà ripristinata la versione corrente del tuo tema e perderai tutte le modifiche temporanee. Utilizzando questo strumento hai la possibilità di testare tante modifiche al tuo layout, senza alcun rischio e scegliendo con oculatezza quali cambiamenti dovranno poi essere inseriti nel tema e quali no.

Prima di tutto, assicurati di avere a disposizione il browser di Google Chrome, e se non ce l’hai scaricalo cliccando questo link.

Quando hai installato Chrome, utilizza questo browser per entrare dentro la dashboard del tuo sito WordPress e a sinistra della tua bacheca seleziona Aspetto >> Editor.

Giacca Marrone Marrone Giacca Keelied Donna Keelied Giacca Donna Keelied Donna Da dove modificare il CSS:

A questo punto, apri sul tuo browser la pagina che vuoi modificare. Clicca sopra gli elementi della pagina che desideri cambiare (sidebar, logo, contenuto) utilizzando il tasto destro del mouse e successivamente clicca sulla voce “Ispeziona Elemento”.

Si aprirà una schermata dalla quale potrai modificare tutte le righe HTML e CSS del tuo tema in modalità anteprima, ovvero le modifiche che effettuerai saranno provvisorie e non interverranno minimamente sul codice del tuo sito. Qualsiasi altra persona che si collegherà al tuo spazio web non vedrà niente di ciò che stai testando, perché le tue azioni sono destinate solo a creare una simulazione di come apparirebbe il tuo sito se effettui determinate modifiche al codice CSS e HTML.

La procedura da seguire è molto semplice e immediata. Clicca sull’icona in basso a sinistra, ovvero la lente di ingrandimento.

A questo punto puoi cliccare sulla pagina la parte che ti interessa, per evidenziare le righe di codice che la governano. Puoi dunque decidere se modificare le righe di CSS attuali o di inserirne altre, come pure puoi aggiungere classi e id per personalizzare maggiormente la grafica.

Seleziono con la funzione “Ispeziona Elemento” cosa desidero sulla pagina, e sotto vedrò apparire il codice sorgente dell’elemento stesso. A sinistra apparirà l’HTML, che determina la creazione degli elementi della pagina mediante i Tag, e a destra il CSS che determina lo stile di questi stessi elementi.

Effettuare delle modifiche al codice sarà molto semplice e intuitivo dopo aver studiato poche ore su Codeacademy.

Dopo aver individuato quali sono le modifiche al codice da attivare per rendere permanenti i cambiamenti che desideri, non ti resta altro da fare che tornare nella bacheca del tuo sito WordPress. Assicurati di individuare all’interno dell’area di gestione WordPress del tuo sito un’area dedicata alle modifiche CSS custom. Se il tuo tema non dovesse avere una sezione dedicata alle modifiche custom all’interno dell’area di gestione interna, torna su Aspetto >> Editor, la pagina che ti avevo detto di aprire precedentemente.

A destra della pagina Editor vedrai una colonna contenente dei link a dei file in php. Non ti curare di quelli, ma piuttosto vai in fondo a questa lista e cerca di individuare un file css chiamato custom o qualcosa tipo: custom-style.css. Questo file è infatti il luogo dove inserire e salvare le modifiche che hai precedentemente testato con l’Ispeziona Elemento e l’Anteprima di Google Chrome. Non tutti i temi però vengono presettati con un file CSS custom.

I temi migliori, come quelli che si possono trovare nella piattaforma Themeforest, spesso prevedono di inserire le modifiche al css direttamente nei settings del tema. Presentano quindi la possibilità di modificare il foglio di stile, selezionando le varie opzioni disponibili, ad esempio per il colore dei font, la larghezza delle colonne, e molto altro ancora”

Appena sei pronto per inserire le tue modifiche ricordati di fare una copia di tutta la pagina sulla quale stai operando e di salvarla in luogo sicuro, perché è sempre meglio premunirsi. Sbagliare è sempre possibile, quindi è importante poter contare su una copia di riserva per tornare quando desideri alla versione di tema precedente.

Da dove modificare l’HTML:

Con l’HTML puoi seguire la stessa procedura ma anziché operare su un file .CSS lavorerai sui file .PHP. Puoi leggere questa guida per sapere come lavorare con il linguaggio PHP

I file PHP sulla destra sono un misto di codici HTML e un misto di codici PHP, quindi se vedi dei codici strani o diversi dal solito sai che quelle pagine sono un ibrido, ovvero composti da entrambi i linguaggi. Chiaramente i codici in queste pagine seguono sempre una struttura verticale.

Per cui se devi inserire un elemento particolare visibile su ogni pagina dei tuoi articoli, andrai su single.php e sulla base della riga di riferimento che puoi individuare attraverso Ispeziona Elemento di Chrome, farai la tua modifica.

Questo articolo vuole servirti come base di insegnamento per andare a modificare e a personalizzare sempre di più l’aspetto grafico del tuo tema. Facci sapere la tua esperienza con la modifica del tema, e ricordati che per qualsiasi dubbio tecnico puoi sempre contare sulla nostra Assistenza Prioritaria, per ricevere risposte alle tue domande direttamente dal nostro Team di supporto.

Ti sei mai chiesto cosa sia e a cosa serva un tema child? Leggi la nostra guida per scoprirlo.

Conclusione

Man mano che imparerai le basi di HTML e CSS, e prenderai fiducia con varie porzioni del codice, vedrai che modificare un tema WordPress non è poi così difficile.

Se invece pensi che comunque, è il caso di “passare la palla” e lavorare direttamente sul codice non fa per te, ricorda che abbiamo un reparto tecnico pronto a risolvere ogni problema ed eseguire ogni lavoro di customizzazione

Ti è stata utile questa guida? Hai mai messo mano al codice del tuo sito web? Per qualsiasi dubbio puoi contattare la nostra chat qui in basso a destra, dove siamo pronti ad indirizzarti verso risposta che cerchi.

Giacca Marrone Donna Giacca Donna Keelied Donna Keelied Marrone Keelied Giacca
James Zip Ladies 900 Full Donna black Fleece Jacket Harvest Cappotto Nero Northderry r6xrP

Altre guide della stessa
categoria

449 COMMENTI
Commenta
  1. Buongiorno, gestisco il mio sito in modo autonomo ma non riesco ad effettuare delle modifiche alle immagini della home page e di tanto in tanto vorrei aggiungere delle nuove sezione con nuove immagini in modo da renderlo dinamico nel tempo, ho timore ad effettuare delle modifiche che possano causare dei danni e mi chiedevo se ci fosse nel Vostro team la possibilità di seguirmi.
    Oltre a questo vorrei effettuare la migrazione su un altro provider.
    Qualcuno riesce ad aiutarmi?
    Grazie per l’attenzione.

    Rispondi
    • Ciao Piero, stai usando WordPress.org? In tal caso, certo che possiamo aiutarti. Ti ricordo che puoi attivare la nostra assistenza prioritaria gratis https://sos-wp.it/assistenza-prioritaria/ con risposte da parte di esperti WordPress in meno di 1ora, su qualsiasi argomento legato alla realizzazione di un sito web; avrai accesso dedicato alla nostra esclusiva Area Membri https://sos-wp.it/area-membri/ con tanti video e risorse esclusive :) Il tutto, passando da uno dei provider migliori in circolazione! Attendiamo quindi un tuo contatto, a presto.

      Rispondi
    • Meglio utilizzare il box Personalizza, in quanto sovrascrive direttamente il foglio di stile, dando una priorità alle modifiche effettuate.

      Rispondi
  2. buonasera a tutti voi del team.
    sono ne guai e spero voi possiate aiutarmi a risolvere ho fatto creare il mio sito con il tema Illdy, non contenta di come questo viene visualizzato sugli schermi degli smartphone ho deciso di giocare un po’ con gli altri temi, ho provato con il tema beautiplus, l’ho attivato e personalizzato un po’ ma quando poi ho capito di non essere in grado di portare a termine il tutto ho deciso di tornare al tema Illdy….risultato gran parte del sito non era più al suo posto…..cosa posso fare per recuperare la prima versione creata?
    spero tanto in un vostro supporto!
    grazie anticipatamente
    Marina

    Rispondi
  3. Salve, avrei un punto oscuro che necessità di essere chiarito e sono certa che ,grazie alla vostra competenza e disponibilità, sarà certamente soddisfatto.
    WP mi chiede l’aggiornamento di Bakery ma appena clicco mi si apre una pagina di registrazione….come mai? come procedere? grazie anticipatamente per il riscontro

    Rispondi
  4. Buongiorno innanzitutto complimenti per la vostra chiarezza espositiva…ho un dubbio da sottoporvi…ho acquistato un tema su themeforest”journey” per WP e non riesco a personalizzare in maniera automatica il carattere ed il colore della barra di navigazione.Entro nella sezione dedicata ma cambio alcune cose ma questo no e ciò mi sembra strano….ringraziandovi in anticipo per il supporto,saluti

    Rispondi
  5. Se io invece che sostituire volessi cancellare? nel mio caso voglio cancellare il “search”; ho trovato con “ispeziona” la dicitura (div.span4) ma come faccio a rimuoverla in modo definitivo?

    Rispondi
  6. Ciao team!
    Anzitutto grazie per le spiegazioni ed i tutoriial sul magico mondo di WP, siete bravissimi e risolvete non pochi problemi, almeno per me che sono un “early adopter”! ;)

    Ho una domanda:
    ho impostato il mio sito partendo dal tema Twenty seventheen come da vostra guida, per poi arrivare a sostituirlo con un tema di Elementor, smontato e via via rimontato secondo le mie esigenze.

    Purtroppo ieri ho fatto qualche azione – di cui non mi sono accorta – per cui vedo nella mia home page (in Elementor), in alto, la foto di default del tema Twenty seventheen con il nome del sito ed il pay off (che dovrebbero ovviamente stare nella stringa http:// etc….).

    Co’ho fatto??!??

    AIUTATEMI VI PREGO!! :))

    Grazie mille!
    Un saluto
    Michela

    Rispondi
  7. Ciao, ho una domanda che forse è banale.. Sono una “vecchia” signora che si occupa in modo amatoriale del sito di mia figlia. Il sito è stato realizzato da pochi mesi ma il discorso “eventi” è stato gestito in modo poco professionale!! Girando e leggendo ho deciso di scaricare e testare un plugin “The Events Calendar” che sembra fare proprio al caso nostro. Scaricato, installato e creato un primo evento (duplicandone uno creato da poco). Tutto abbastanza chiaro, salvo la visualizzazione. Non riesco a personalizzare l’header della pagina su cui sono listati gli eventi. Quando vado su aspetto, personalizzazione e cerco di correggere l’header, ho la sensazione di impattare su tutte le pagine!! cosa che non voglio assolutamente!! Potete darmi una dritta? Oppure se devo aprire un ticket di consulenza ditemi… Grazie mille

    L’evento creato è qui:

    https://www.slowdays.it/events/category/piemonte-da-scoprire/

    e vorrei che apparisse invece così:

    https://www.slowdays.it/eventi-in-programma/

    Saluti
    laura

    Rispondi
      • Ciao, sto usando Adventure Tours. Plugin The Events calendar. Ho creato un evento. Ho definito nelle impostazioni del plugin quale è lo slug della pagina che voglio che crei. Tutto ok. Quando vado su menù e dico di pubblicare gli eventi, mi crea una pagina che è come la mia home page. Ma non so come fare per cambiare aspetto a questa pagina…!! Infatti ha in testa l’area bianca dove di solito ci starebbe una foto oppure uno slider. Ma se cambio su personalizza vado a cambiare anche la home page…
        Grazie per l’interessamento!

        RispondiZip Donna Ladies 137 Northderry Grigio lighter Harvest Grey Jacket James Fleece Full Cappotto OAqIxOFf
        • Marrone Donna Keelied Giacca Keelied Marrone Giacca Keelied Giacca Donna Donna

          Non riesci a modificare le impostazioni di layout, che dovresti trovare a destra quando editi la pagina?

          Rispondi
  8. Ciao Andrea,
    vorrei sottoporti un problema che ho riscontrato nel mio tema wp.
    Alcuni anni fa ho acquistato un template wp da un’agenzia che ora non opera più in questo settore. Gli url del loro sito non esistono più.
    Ebbene nel mio tema, nella sezione dove l’autore permette le personalizzazioni (inserimento logo, social, seo, inserimento risorse nel footer, ecc) ci sono moltissimi collegamenti esterni assoluti (http://www…) che puntano al loro sito che purtroppo non esiste più (apri un ticket, scarica il manuale, contatta l’assistenza, ecc). Questa situazione logicamente rallenta di molto la navigazione nel back-end di wp: per aprire un nuovo post impiego anche 15 secondi perchè wp cerca di collegarsi ad url esterni che non esistono più. Facendo un test, l’eliminazione di questi url, molti dei quali si ripetono, le prestazione di wp tornano ad essere velocissime.
    Come devo operare in tal senso? Sostituire gli url manualmente (sono almeno 50) con altri fittizi oppure rimuoverli completamente? Esiste qualche escamotage (css, funzioni, ecc) per risolvere il tutto in pochi click?

    Grazie

    Rispondi
  9. il mio tema (athena per wp) non ha un file custom css
    ho fatto una modifica dal box “custom css” del menu personalizza
    ora il box è bianco, ma la modifica è presente nel codice e non riesco a rimuoverla

    Rispondi
Mostra più commenti

Lascia qui il tuo commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *