Home › Forum › Plugin e temi di WP › Twenty Seventeen una modifica del layout
-
AutorePost
-
-
12 Giugno 2019 alle 23:50 #31932giorgio26Partecipante
Il tema Twenty Seventeen è uno dei miei preferiti. Trovo sia bello che ci sia sia una immagine iniziale e anche le sue caratteristiche tecniche, non ultima quella di avere il menù nativamente sticky . Cioè rimane incollato al top del desktop quando si scorre la pagina.
Nei cellulari è diverso ma non tutti leggono le pagine web con un cellulare. Qui mi occupo solo del desktop.
Però quando si fa una pagina statica ( non un articolo ) si scopre che questa rimane ostinatamente su due colonne. Cosଠad esempio:
https://app.box.com/s/i1ifumd442714agcjvuxd1hi790o8qub
Un form va bene con titolo a destra e i campi a sinistra.
Una pagina con molto testo però è diversa. Avere tutto il testo a destra può non piacere:
https://app.box.com/s/koqtg9q25zy13tv0vmm0lq2u08243ulc
Per questa pagina sarebbe meglio avere una colonna soltanto, non due.
Ho cercato ma non ho trovato dei comandi nel tema, quindi mi sono rassegnato a modificare il css della pagina.
Per cambiare il layout della pagina e soltanto di quella si può fare con una combinazione di css e javascript.
Una cosa davvero minima.
Scrivo qui la procedura perché magari è utile anche ad altre persone.
Per primo ho messo un id al primo paragrafo della pagina, trasformando il blocco Gutenberg da blocco paragrafo a blocco html persomalizzato:
https://app.box.com/s/85tflpyl3983kt6y5t2g6uid3wzvb641
Poi nella Bacheca, Aspetto, Widget ho aggiunto al Footer2 un widget html personalizzato con un pochino di javascript:
<script>
(function(){
if(typeof donAbbondio !== 'undefined'){
var a = "clear: both; float: none; width: 100%;";
var b = document.querySelector(".entry-content");
b.style.cssText = a;
}
})();
</script>Il selettore .entry-content è quello del blocco che voglio centrare.
Il risultato è questo:
https://app.box.com/s/pwkd79ahijs75y62i49ok2kzjwzbuv7t
Buon WordPress!
-
-
AutorePost
- Devi essere connesso per rispondere a questo topic.