Home › Forum › Plugin e temi di WP › Allargare colonna testo centrale in Twenty Fourteen
-
AutorePost
-
-
15 Settembre 2014 alle 17:51 #27970franciccioPartecipante
Ciao a tutti, il tema Twenty Fourteen è molto bello ma mi piacerebbe allargare l’ampiezza della colonna centrale dedicata al testo.
Ancque quando si scrive nell’editor, il testo sta come costretto in uno spazio invisibile, mentre a lato c’è spazio bianco in abbondanza.
Sono andato allora nella sezione plugin a cercare qualcosa che allargasse quest’area, ma sono molto complicati e non riescono nell’impresa. Mediante uno di questi ho scoperto che Twenty fourteen è impostato per una larghezza della colonna centrale di 474 pixel. Non c’è stato modo di impostare un valore diverso.
E’ importante per me controllare questo parametro perchè ho l’abitudine di screvere articoli lunghi e in una colonna stretta, il contenuto apparirà ancora più lungo, scoraggiando la lettura dell’utente.
Grazie mille a chiunque vorrà aiutarmi.
-
15 Settembre 2014 alle 20:08 #113502nickPartecipante
Ciao, non è semplice.
Il massimo che puoi fare è aumentare lo spazio utile. Nel file style.css cerca quanto segue, approssimativamente alla riga 1056:
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin: 0 auto;
max-width: 474px;
}
Il valore da modificare è max-width, puoi modificare il valore attuale di 474 px fino a 900 px circa, ma fai un po’ di prove. Non esagerare in quanto il tema è responsive e potresti avere dei problemi sui dispositivi Mobile, al limite fai un po’ di test.
Due consigli:
1) Usa Firefox con Firebug, o anche Crhome con i tools di sviluppo già integrati. Cerca qualche guida in rete su Firebug cosଠcomprendi l’utilità di questo strumento.
2) Non modificare il file style.css del tema, crea un child theme.
-
16 Settembre 2014 alle 17:08 #113523franciccioPartecipante
Grazie per il suggerimento! Ma avendo molte cose da fare non vorrei imbarcarmi anche nell’impresa di creare un tema child. Cioè lo farò se non potrò fare altro! Ascolta, che rischio corro se modifico il parametro direttamente su style.css?
-
16 Settembre 2014 alle 17:14 #113525elmaniseroPartecipante
http://codex.wordpress.org/it:Temi_Child
Se non lo crei al primo aggiornamento perderai tutte le modifiche e trattandosi di un tema di default comprometterai la funzione di usarlo quando alcuni guasti a wordpress ne richiedono l’utilizzo, per questo motivo, nel box qui sotto che non hai letto, c’è scritto
Evitare assolutamente di:
6 – CHIEDERE AIUTO PER MODIFICHE AI TEMI DI DEFAULT SE NON USATE UN CHILD THEME)
-
18 Settembre 2014 alle 2:15 #113570franciccioPartecipante
Ok grazie mille e scusate, non potevo evitare di chiedere su ciò che non avevo idea di dover chiedere, cioè un tema child.
Farò il sublime lavoraccio non appena avrò tempo e poi riferisco.
Intanto ho modificato direttamente il tema originario, perchè non ho interesse ad eternizzarlo, ma il suggerimento ha solo avuto l’effetto di spostare il testo un pò più a sinistra, appiccicato al menù. Vabò forse la cosa cambierà col tema child…
Grazie ancora e a presto!
-
18 Settembre 2014 alle 5:07 #113571nickPartecipante
Grazie per il suggerimento! Ma avendo molte cose da fare non vorrei imbarcarmi anche nell’impresa di creare un tema child.
Per indicarti la modifica che ti ho suggerito ho attivato il tema Twenty Fourteen da una mia installazione su cui stavo lavorando.
Con Firebug ( http://getfirebug.com/whatisfirebug ) ho cercato di individuare quali classi CSS gestiscono la larghezza del contenuto e ho fatto un paio di prove.
Ti ho solo dato un’indicazione di massima, il resto come un test su tutti i browser e dispositivi mobile dovresti farli tu, quindi nel caso ottimizzare.
Oppure aprire Google e cercare qualcosa come “increase content width twenty fourteenâ€.
O ancora meglio postare una domanda direttamente sul Supporto del tema: https://wordpress.org/themes/twentyfourteen
Se Twenty Fourteen non risponde alle tue esigenze, non hai tempo e non sai come fare, su wordpress.com trovi migliaia di temi gratuiti, anzi basta che accedi dalla tua installazione, nella sezione Temi, puoi vederli e testarli tutti.
E’ sicuro al 100% che troverai più di un tema che risponde alle tue esigenze estetiche e senza dover sacrificare il tuo tempo prezioso
-
18 Settembre 2014 alle 8:37 #113576elmaniseroPartecipante
@franciccio quello che vuoi fare, a prescindere dal fatto che modificare il file originale style.css è stato un errore e che il sublime lavoraccio si fa in un minuto e mezzo, è un’operazione che non tiene in considerazione l’elemento float del tema che se utilizzato per citazioni o immagini usa tutto lo spazio disponibile del content.
-
4 Ottobre 2014 alle 2:55 #113958franciccioPartecipante
Ciao a tutti, dopo giorni di esasperante ricerca su internet, torno qui a chiedere una mano, nella speranza che il regolamento di wpitaly non consideri ciò illegale.
Allora, più che fare un tema child ho trovato che sembra funzionare allo stesso modo aggiungere del css personalizzato nel riquadro previsto da wordpress nella sezione: “CSS personalizzato” alla voce “Aspetto”.
In questa maniera, sono riuscito a modificare:
– Il font
– Il font-size
– La posizione del titolo degli articoli
– L’indentazione
– Le caratteristiche del blockquote
– La widht dell’area contenuto: sono riuscito a farla passare dai 474px impostati dal tema nativo, a 519px.
– Le dimensioni e l’allineamento della sidebar destra.
Ma tutte queste cose le ho scoperte nell’inutile tentativo di cambiarne solo due:
1. La widht dell’area contenuto. Per qualche misterioso motivo, non c’è codice CSS che funzioni ad allargare l’area oltre i 519px. Firebug riesce a farlo in anteprima, ma nel momento di copio-incollare il codice CSS, non capisco qual’è perchè modifica un parametro “style” di una sezione occulta in html.
2. Lo spazio bianco tra un capoverso e l’altro. Come si può vedere qui, è troppo alto! Vorrei ridurlo di qualche punto. Individuare il parametro tramite firebug in questo caso sembra ancora più stratosferico.
Qualcuno può aiutarmi?
Il suggerimento di cercare su internet in inglese, è stato molto utile! Ma non per quelle due cose.
Ho anche scritto 2 post su wordpress.org nella pagina forum dedicata al tema fourteen, ma non ho ricevuto neppure una risposta. Nessuno ha capito il mio inglese? La prima domanda l’ho postata qualche mese fa.
Per rendere questo post utile anche ai posteri, pubblico qui le righe di codice css frutto del mio sudore:
.site-content .entry-header {max-width: 350px;}
.site-content .entry-content {font-family: Calibri; font-size: 16.3px; line-height: 1.3; text-indent: 1em}
.content-sidebar .widget {max-width: 100px; float: right}
Naturalmente valgono solo per twentyfoourteen in questa versione, perchè altri temi hanno altre diciture.
Allora, il primo rigo (.entry-header) controlla l’ampiezza del titolo (si può decidere quanto farlo ricoprire dall’eventuale immagine in evidenza dell’articolo).
Il secondo rigo ((.entry-content) controlla il carattere del testo degli articoli (ma mi manca l’espressione che comanda la distanza verticale tra i capoversi, che in 2014 originario è un bel buchetto).
Il terzo rigo controlla la posizione e l’ampiezza della sidebar destra e la posizione degli oggetti eventualmente contenuti in essa. Ho capito con firebug che gli spazi bianchi vuoti tra la sidebar e il contenuto, non appartengono nè alla sidebar nè al contenuto, per questo sto impazzendo per cercare di restringerli! Appartengono a qualcosa come all’espressione margin o padding del layout della pagina. Forse il width del contenuto non si estende oltre i 519px, proprio perchè dovrei proporzionalmente ridurre il margin o il padding.
Accettasi volentieri suggerimenti!
-
4 Ottobre 2014 alle 13:33 #113963TittiModeratore
css personalizzato nel riquadro previsto da wordpress nella sezione: “CSS personalizzato” alla voce “Aspetto”.
WordPress o Twentyfourteen non hanno nessuna sezione Custom CSS.
Piuttosto hai usato un “AlterVista Custom CSS”, cioè una sezione messa dal tuo host Altervista.
La widht dell’area contenuto: sono riuscito a farla passare dai 474px impostati dal tema nativo, a 519px.
No, la larghezza è ancora 474px.
(Width è maschile, come tutti i sostantivi inglesi).
1. La widht dell’area contenuto. Per qualche misterioso motivo, non c’è codice CSS che funzioni ad allargare l’area oltre i 519px.
.site-content .entry-content, .page-content {max-width:519px;}
2. Lo spazio bianco tra un capoverso e l’altro.
p {margin-bottom: 15px;}
Per il resto, controllerei il codice che hai aggiunto tu, nel migliore dei casi è inutile. Ad es. non ho capito perché sei andato attorno a .site-content .entry-header e a .content-sidebar .widget.
Poi i font-family si mettono sempre con due o tre scelte.
Sei pregato però di non continuare a chiedere di CSS, questo è il forum di WordPress, ci sono forum apposta che trattano di CSS.
-
4 Ottobre 2014 alle 15:44 #113966franciccioPartecipante
Ciao Titti! La mia mano scrive automatica per fissare la commozione che ho provato quando, mettendo
p {margin-bottom: 15px;}
lo spazio bianco si è ridotto visibilmente! Grazieeeee!
Per quanto riguarda la tua preghiera, purtroppo non saprei dove altro andare per chiedere queste cose perchè su wordpress.org non mi rispondono e forse dovrei assumere un traduttore per far capire meglio i miei problemi, in secondo luogo se andassi nel forum CSS dislocato da qualche parte su internet, quelli mi potrebbero dare tutte le info che mi occorrono, ma non quelle che mi occorrono per il tema twentyfourteen.
Proprio qui sul forum un tale diceva all’altro che i temi utilizzano css personalizzati. Vabbè, il linguaggio sempre lo stesso è, ma LA PRIMA PARTE fuori dalle parentesi graffe varia, e proprio quella è la prima causa del mio desolante vagare su questo grigio mare di bit e di bait.
Se ho capito male, e su italian forum CSS saprebbero dirmi tutto tutto, mi appresto ad andare lଠe saluto. Se non è cosà¬, ecco qui la mia ultima, originaria osservazione, che è la mia spina nel fianco da 2 settimane!
Sono qui per lei!
Allora, i comandi .site-content .entry-header e a .content-sidebar .widget. e font-family non li ho inventati io, io non capisco nulla di tutto questo, e perciò non me li sarei potuto neppure inventare!
All’inizio di questa discussione nick mi consigliava l’uso di FIREBUG. Io ho obbedito e trovando quelle espressioni (nella sezione class ‘html’) e vedendo che FUNZIONAVANO, le ho messe! Ripeto sono riuscito a cambiare il font, il font-size, l’indentazione, l’allineamento della sidebar destra ed altre cosine, ma L’UNICA COSA CHE MI INTERESSAVA DAVVERO no.
Su internet ho trovato un comando, in una discussione in inglese:
page-content {margin: 0 auto; max-width: 974px;}
Ma non funziona. Ne ho provati altri un pò diversi ma tutti fanno la seguente cosa: spostano la larghezza-widht dai 474px standard a NON PIU’ di 519px.
E’ un mistero!
Il CSS sarà pure perfetto, nel CSS forum mi potranno dare stringhe ancora più perfette, ma il problema è tutto il resto che è messo nel layout di pagina twentyfourteen, altrimenti non mi spiegherei perchè questo CSS perfetto non mi funziona.
E’ la classe fuori dalle parentesi graffe che devo azzeccare, e FIREBUG mi ha potuto aiutare per tutto, ma non per questo! Ho pensato dunque che lo staff wordpress twentyforuteen potesse avere qualche idea in merito.
Il CSS ha il potere di cambiare l’ampiezza-widht del testo, l’ho visto! Firebug proone e progetta tutto meravigliosamente, ma corregge in una sezione “style” che non riesco poi a tradurre correttamente nella sezione CSS personalizzato di altervista-wordpress.
Scusate la logorroicità ma volevo spiegare bene il problema.
Grazie a chiunque voglia sollevarmi da questo minimo, ulteriore tribolo esistenziale
-
4 Ottobre 2014 alle 16:03 #113968franciccioPartecipante
ulteriore precisazione
il comando
page-content {margin: 0 auto; max-width: 974px;}
funziona perfettamente! Ma funziona solo per le PAGINE wordpress, non per gli articoli wordpress. E devo mettere “template a larghezza piena”, non “template a larghezza standard” per farlo funzionare.
Se metto:
.site-content .entry-content, .page-content {max-width:650px;}
le PAGINE wordpress (in template a larghezza piena”) mi appaiono larghe 650px, e certo, sono vuote, non hanno nulla ai lati!
Ma negli ARTICOLI, che hanno la sidebar destra, tutto sta rigidamente contenuto entro invisibili gabbie argentate e non si allarga oltre i 519px, anche se la stringa comanda 650px.
-
4 Ottobre 2014 alle 16:06 #113969wollyAmministratore del forum
non esistono comandi magici, bisogna studiare la struttura dell’html e dei css e applicare tutte le modifiche necessarie.
chiudo.
-
4 Ottobre 2014 alle 16:21 #113970TittiModeratore
@franciccio, riapro solo per dire che quella dichiarazione che ti ho dato funziona, cosଠcome funziona la prima che ti ha dato Nick che è ancora più comprensiva.
Sarà colpa dell’area custom di Altervista che non riesce a sovrascrivere, in tal caso occorre un parametro come !important o ancora meglio una specificità . Come dice Wolly, studia i CSS. O rivolgiti ad un forum di CSS.
Richiudo.
-
-
AutorePost
- Devi essere connesso per rispondere a questo topic.