Personalizzare un tema WordPress senza cambiarlo?


19

Ho trovato e scaricato un tema. Comunque voglio modificare un po 'il CSS per cambiare un po' il design, i colori ecc. Come devo fare per fare questo, pur essendo in grado di aggiornare il tema senza perdere le modifiche.

Risposte:


21

Sebbene non sia possibile modificarlo senza modificarlo, è possibile isolare le parti modificate creando un tema figlio. In sintesi:

  1. Crea una directory dei temi sul peer con il tuo tema "genitore",
  2. Crea un style.cssfile nella nuova directory con una Template:dichiarazione nei commenti che nomina il tema principale e un @import url(../%parent-theme%/style.css)per importare il CSS dal tema principale,
  3. Attiva il tuo nuovo tema nella console di amministrazione di WordPress,
  4. Aggiungere nuovi file e / o copiare i file dalla directory del tema principale alla directory del tema figlio e modificarli in base alle proprie preferenze, e
  5. Questo è tutto!

Potrei darti molti più dettagli, ma fondamentalmente questo ragazzo fa davvero un buon lavoro nel spiegare come creare un tema per bambini, quindi meglio per me solo per indicarti.

Quando vuoi aggiornare il tema genitore basta aggiornare; lascerà intatto il tema di tuo figlio. Naturalmente il tuo tema figlio potrebbe non funzionare perfettamente se hanno cambiato troppo il genitore e / o se hai copiato e modificato i file del tema che hanno aggiornato nella nuova versione non otterrai la nuova funzionalità senza modificarli, ma è un molto meglio da ricominciare ogni volta!

Spero possa aiutare.


2
I temi dei bambini sono la strada da percorrere IMHO
Ryan Gibbons,

2

Se tutto ciò che vuoi cambiare è un po 'di CSS, puoi creare un file CSS personalizzato all'interno della directory del tema. Includi il tuo file css personalizzato nell'intestazione del tema e scrivi nuove dichiarazioni solo nel file css personalizzato, sovrascrivendo in tal modo le dichiarazioni css predefinite del tema.

Foglio di stile predefinito

body{background:white;width: 960px;margin: 25px auto;}

Foglio di stile personalizzato

body{width:800px;}

Il browser effettuerà chiamate http separate per i due fogli di stile e applicherà gli stili nell'ordine in cui sono elencati. Qualunque dichiarazione fatta per ultima sovrascriverà le dichiarazioni fatte prima di esse. Quindi assicurati di includere il tuo foglio di stile personalizzato dopo aver incluso altri fogli di stile in header.php.

Se finirai per cambiare i file modello come archive.php o page.php, la risposta di MikeSchinkel ti consentirà di aggiornare il tema se viene rilasciata una nuova versione, senza perdere le modifiche. Ma se tutto ciò che vuoi è cambiare alcuni CSS, questo metodo funzionerà bene. Assicurati solo di salvare il foglio di stile personalizzato prima di aggiornare la directory dei temi.


1
Questo potrebbe essere problematico se il tema che modifichi non è il tuo tema, quindi le tue modifiche potrebbero essere sovrascritte sugli aggiornamenti del tema.
Hacre,

1

Puoi sicuramente creare un tema figlio. Un tema figlio mantiene il tema principale nel suo formato originale.

Quello che faccio personalmente è che sto usando un tema WordPress premium da MyThemeShop . In questo, mantengo il mio file style.css e il file delle opzioni del tema così come sono. Copio semplicemente i dati del file in un altro file e lo chiamo un po 'diverso. Ad esempio, se sto usando SociallyViral Theme, per creare il suo tema figlio, copierò i dati dal suo file style.css e li salverò in un altro file che lo chiama childstyle.css.

Successivamente, ora progetterò funzioni specifiche e posso riprogettare il mio tema aggiungendo più funzionalità nel file childstyle.css.

Ciò mantiene il mio file style.css originale così com'è e mi consente di aggiornarlo nel formato originale.


Non sono sicuro di cosa intendi con "Copierò i dati dal suo file style.css", ma di solito è sufficiente aggiungere quegli stili al tema figlio che sono diversi dal genitore - gli stili del tema figlio si aggiungono a e / o sovrascrive gli stili del genitore. A proposito: in che modo la tua risposta aggiunge qualcosa alla risposta che era già stata accettata 6 + anni fa ?!
tillinberlin,

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.