Home › Forum › Plugin e temi di WP › Modifica colori personalizzata via CSS
-
AutorePost
-
-
23 Febbraio 2016 alle 20:58 #30636serpico57Partecipante
Ciao a tutti,
sono un principiante per quanto riguarda WorPress ed in generale
per l’ambiente CMS. Provengo dalla scuola del classico sito statico e quindi
ho un po’ di cose da imparare.
Sto dando un’occhiata al tema Catch Evolution sviluppato da Catch Themes
in quanto mi sembra una buona base per iniziare. Ovviamente è la versione gratuita
entry e già ho alcuni quesiti in sospeso tra i quali:
In generale è possibile modificare i CSS via codice? Un esempio pratico: in questo tema c’è
il menù di navigazione che è di colore grigio scuro. Devo per forza acquistare
la versione PRO di questo tema oppure posso modificare questo colore passando per
CSS ? Se si, cosa succede quando ci sono aggiornamenti del tema e/o di WordPress ?
Vi ringrazio in anticipo per l’attenzione che vorrete porre a questa richiesta.
Saluti a tutti
Ernesto
-
23 Febbraio 2016 alle 21:07 #119866wollyAmministratore del forum
crei un child theme e fai tutte le modifiche che vuoi nel child theme, cosଠpuoi aggiornar eil tema padre senza problemi.
-
23 Febbraio 2016 alle 21:13 #119867serpico57Partecipante
Grazie Wolly e nonsolo per la rapidità !
Da buon principiante ti chiedo quindi come si crea un child theme ?
Immagino che non sia un semplice copia incolla di cartelle.
Grzie per la pazienza!
SAluti
Ernesto
-
23 Febbraio 2016 alle 21:24 #119868wollyAmministratore del forum
-
23 Febbraio 2016 alle 21:38 #119870serpico57Partecipante
Perfetto,
ho già iniziato a sperimentare.
Ti ringrazio
Ri-saluti
Ernesto
-
24 Febbraio 2016 alle 15:44 #119875serpico57Partecipante
Ciao Wolly,
sono riuscito ad attivare il child theme dell’originale “Catch Evolution”.
La cosa singolare è che se inserisco la riga:
@import url(“C:xampphtdocsastrolivetest.chwp-contentthemescatch-evolutionstyle.css”);
nel file style.css, mi ritrovo il menù di navigazione spogliato della grafica e quindi posizionato
nel modo tipico per questi casi (un elenco del menù per righe verticali).
Se aggiungo a questo css figlio il contenuto del css originale, ovviamente tutto ritorna ok
ma vorrei evitare questo work-around e fare invece una cosa pulita.
C’è forse un motivo particolare, a me sconosciuto, per il quale mi ritrovo questo problema?
Ti ringrazio sempre in anticipo per la tua disponibilità .
Saluti
Ernesto
-
24 Febbraio 2016 alle 16:04 #119876elmaniseroPartecipante
Semmai sarà
@import url(“../catch-evolution/style.css”);
ma questo dell’import era un vecchio metodo che faceva caricare il foglio di stile del child due volte, ora si deve utilizzare il functions.php come ben spiegato nel link che ti ha indicato wolly.
-
24 Febbraio 2016 alle 16:19 #119877nickPartecipante
Semmai sarà
@import url(“../catch-evolution/style.css”);
ma questo dell’import era un vecchio metodo che faceva caricare il foglio di stile del child due volte, ora si deve utilizzare il functions.php come ben spiegato nel link che ti ha indicato wolly.
Quoto, a parte l’errore del percorso assoluto, @import è deprecato.
Segui questi passaggi:
– rimuovi dal file style.css (del tuo tema child) @import
Dovresti avere qualcosa del genere:
/*
Theme Name: Nome del tuo Tema child
Theme URI: http://tuodominio.com/
Description: Descrizione a piacere
Author: serpico57
Author URI: http://tuodominio.com/
Template: catch-evolution
Version: 1.0.0
*/
Fai attenzione alla voce Template, io ho scritto catch-evolution, verifica che la cartella del tema catch evolution (il tema padre) sia scritto esattamente cosà¬.
- crea un nuovo file functions.php nella cartella del tuo tema child, all'interno incolli il seguente codice:
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>
In questo modo il tuo tema child erediterà tutte le regole CSS del tema catch evolution.
Qui una documentazione più dettagliata: https://codex.wordpress.org/Child_Themes -
25 Febbraio 2016 alle 14:24 #119887serpico57Partecipante
Nick & Wolly,
grazie ancora, nel frattempo mi sono documentato anch’io e ho visto dove ho sbagliato.
Seguendo i vs. consigli ora tutto è ok.
Tra l’altro ho trovato un plugin (CSS Configurator) che permette, oltre a creare il child-theme,
di gestire le modifiche del sito con “relativa” facilità .
Saluti a tutti
Ernesto
-
-
AutorePost
- Devi essere connesso per rispondere a questo topic.