Supporto » Fixing WordPress » Personalizzare scritta in homepage di un template

  • nicola842

    (@nicola842)


    Buongiorno a tutti! Mi sto affacciando adesso sul mondo di wordpress (vengo da quello di joomla) e sono quindi proprio alle basi! Mi sto facendo un sito per me, niente di professionale. Non sta nemmeno venendo male (mi sembra) però ho questo problema: il template che ho scelto (zeif) permette l’inserimento di una grossa scritta centrale in homepage. Vorrei però poter andare a capo perché messa tutta di fila la scritta non mi piace. Qualcuno sa come fare?

    Vi lascio anche un link così vi rendete conto di cosa si sta parlando: [modificato perché informazione promozionale]

    Grazie mille!

    Nicola

Stai visualizzando 10 risposte - dal 1 al 10 (di 10 totali)
  • Moderatore Guido Scialfa

    (@wido)

    Ciao @nicola842,

    Non conosco il tema ma se ti è permesso di inserire html all’interno di quell’area di testo potresti fare in questo modo.

    
    HO QUALCOSA DA DIRE <span>(MA NIENTE DI SERIO)</span>
    

    E nello stile css:

    
    .intro-text span { display : block; }
    

    E modifichi le dimensioni del testo per essere uguali a quelle di h1. Non so se ha opzioni.

    nicola842

    (@nicola842)

    Ciao, grazie per la risposta! Non so se il tema permetta di modificare l’html. Ad occhio direi di no ma domani controllo meglio

    Moderatore Guido Scialfa

    (@wido)

    Non intendevo che devi modificare l’html, intendevo che nel campo dove inserisci il testo

    HO QUALCOSA DA DIRE (MA NIENTE DI SERIO)

    lo modifichi in

    
    HO QUALCOSA DA DIRE <span>(MA NIENTE DI SERIO)</span>
    

    Non è un campo di testo o textarea nel backend?

    nicola842

    (@nicola842)

    Sì, un campino di testo. Avevo provato con un banalissimo <br> ma non funzionava (mi compariva solo scritto <br> nel titolo 😀 ) ma provo col tuo codice!

    Moderatore Guido Scialfa

    (@wido)

    È possibile che il tema effettui uno strip dei tags, anche se dal css vedevo che per lo span interno a quell’h1 ci stavano delle regole, quindi credo che lo prenda.

    È anche probabile che usi htmlentities in quel caso controlla da ispeziona elemento o dal sorgente che è meglio l’output.

    nicola842

    (@nicola842)

    Ok domani ci provo (l’ultima parte mi suona un po’ comearabo ma ci provo!) 😀

    Grazie ancora

    Moderatore Guido Scialfa

    (@wido)

    Scusami hai ragione, htmlentities è una funzione di php, in pratica quando scrivi <br> viene trasformata in &lt ;br&gt ; in questo caso il tag non esiste ma viene fatta una conversione di caratteri per cui &lt ; è < e &gt ; è > per questo il tag br probabilmente non ti “funziona” correttamente.

    • Questa risposta è stata modificata 5 anni fa da Guido Scialfa. Motivo: tag
    • Questa risposta è stata modificata 5 anni fa da Guido Scialfa. Motivo: tag
    • Questa risposta è stata modificata 5 anni fa da Guido Scialfa.
    nicola842

    (@nicola842)

    Eccomi! Allora se metto <span> il testo mi si rimpicciolisce ma non mi va a capo. Invece ho usato il <div> invece che il <br> e effettivamente mi va a capo! però non so bene come ridimensionare il testo (nel senso che la parte che va a capo mi diventa abbastanza più piccola). Immagino di dover intervenire sul css ma non saprei come…

    Moderatore Guido Scialfa

    (@wido)

    Te l’ho scritto sopra, se usi <span> che è un elemento in linea il testo non va a capo per cui ti ho aggiunto il css.

    Non conosco il tema ma se ti è permesso di inserire html all’interno di quell’area di testo potresti fare in questo modo.

    HO QUALCOSA DA DIRE <span>(MA NIENTE DI SERIO)</span>

    E nello stile css:

    .intro-text span { display : block; }

    E modifichi le dimensioni del testo per essere uguali a quelle di h1. Non so se ha opzioni.

    Usando il tag <div> il testo va a capo perchè div è un elemento blocco ma non dovrebbe contenere direttamente del testo dato che il tag è un divisore generico di contenuti.

    Per il css devi agire manualmente mettendo mano al file style.css o eventualmente campo custom css del tema se ne mette uno a disposizione.

    
        text-align: center;
        color: #FFF;
        line-height: 65px;
        z-index: 0;
        text-transform: uppercase;
        font-size: 55px;
    

    Quello sopra è lo stile che il tema associa a .intro-text, se nel tuo css lo usi per il tag span includendo la proprietà display con valore block ottieni quello che ti serve. Di seguito il css

    
    .intro-text span {
        text-align: center;
        color: #FFF;
        line-height: 65px;
        display: block; /* Considera il tag span come fosse di tipo blocco */
        z-index: 0;
        text-transform: uppercase;
        font-size: 55px;
    }
    

    Consiglio
    Se devi modificare il file style.css del tema allora crea un tema child onde evitare di perdere modifiche con gli aggiornamenti del tema.

    • Questa risposta è stata modificata 5 anni fa da Guido Scialfa. Motivo: bad closing tag

    Eccomi! Grazie mille, ho seguito i tuoi consigli e risolto! Adesso è proprio come volevo! 😀

    Grazie ancora!!

    PS: appena capisco come si fa metto risolto alla discussione! XD

    • Questa risposta è stata modificata 4 anni, 12 mesi fa da nicola842.
Stai visualizzando 10 risposte - dal 1 al 10 (di 10 totali)
  • Il topic ‘Personalizzare scritta in homepage di un template’ è chiuso a nuove risposte.