Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. CMS & Piattaforme Self-Hosted
    5. Ridurre dimensione titolo sito
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • giusy.napoli
      giusy.napoli User Attivo • ultima modifica di @panebianco3d

      @panebianco3d Salve, il sito è https://tenacemente.com/ al momento come titolo ho caricato un'immagine con la scritta tenacemente.com e una stella, però il tutto appesantisce parecchio il caricamento. Tuttavia, se tolgo l'immagine caricata e imposto solo la scritta normale in nero, questa risulta troppo lunga su dispositivi mobili, dove il titolo si legge solo a metà.

      0 Miglior Risposta Ringrazia Cita Rispondi

        shazarak 1 Risposta Ultima Risposta
      • shazarak
        shazarak User Attivo • ultima modifica di @giusy.napoli

        @giusy-napoli mmm
        prima di tutto hai caricato un logo croppato a 600px ma lo visualizzi a 380px di larghezza, quindi se invece usi una immagine 380px gia guadagni un bel po

        poi il logo ha il lazy loading attivo, a vedere dal codice jetpack-lazy-image usi jetpack

        guarda qui https://jetpack.com/support/lazy-images/
        ed escludi il logo dal lazyload, e dovresti guadagnare altro tempo/risorsa

        se invece vuoi usare il solo titole testuale, il codice css dovrebbe essere:
        .site-title

        a vedere dalla demo del tema
        https://www.studiopress.com/themes/magazine/#demo-full

        è impostato su font-size:48px

        stessa impostazione la vedo nel tuo sito.

        ora genesis io l'ho visto tipo solo due volte e non ricordo, ma in teoria nel Personalizza di Wordpress, dovresti avere la sezione dove inserire del CSS, oppure da qualche parte in Genesis ci sarà una sezione dove inserire del custom css

        in alternativa se usi il tema child, avrai sicuramente anche uno style css child da usare.

        qui linee guida e tutorial
        https://themeisle.com/blog/css-in-wordpress/
        https://kinsta.com/it/blog/wordpress-css/

        una volta che ti senti sicura, se vuoi modificare in css il titolo del sito, riducendo solo per la parte mobile e non desktop aggiungi questo codice e vedi se ti funziona:

        @query (max-width:600) {
        .site-title {font-size:30px}
        }

        e poi lavori su quel 30px in su o in giu a seconda dei tuoi gusti

        0 Miglior Risposta 1 Ringrazia Cita Rispondi

          giusy.napoli 1 Risposta Ultima Risposta
        • giusy.napoli
          giusy.napoli User Attivo • ultima modifica di @shazarak

          @shazarak Ciao, grazie. Ho la sessione dove poter inserire CSS aggiuntivo in personalizza, cosa dovrei scrivere esattamente? @query (max-width:600) {
          .site-title {font-size:30px}
          }

          0 Miglior Risposta Ringrazia Cita Rispondi

            shazarak 1 Risposta Ultima Risposta
          • shazarak
            shazarak User Attivo • ultima modifica di @giusy.napoli

            @giusy-napoli scusami , si esatto

            @query (max-width:600px) {
            .site-title {font-size:30px}
            }
            

            il significato è che gli stai dicendo: fino ad una risoluzione di 600px ( diciamo mobile) imposti il font del titolo a 30pc invece che a 45px

            ovviamente se vuoi puoi cambiare anche quel 600px aumentando o diminuendo il valore
            in teoria puoi usare anche step ed intervalli
            esempio

            @query (min-width:601px) and (max-width:1024){
            .site-title {font-size:40px}
            }
            

            questo indica che deve impostare il font a 40px per le risoluzioni tra 601px e 1024
            e cosi via
            qui magari te lo spiega meglio di me 😛
            https://www.w3schools.com/css/css3_mediaqueries_ex.asp

            0 Miglior Risposta 1 Ringrazia Cita Rispondi

              giusy.napoli 1 Risposta Ultima Risposta
            • giusy.napoli
              giusy.napoli User Attivo • ultima modifica di @shazarak

              @shazarak ha detto in Ridurre dimensione titolo sito:

              @query (max-width:600px) {
              .site-title {font-size:30px}
              }

              Ciao, grazie, ma con il plugin google fonts non si può fare?

              0 Miglior Risposta Ringrazia Cita Rispondi

                shazarak 1 Risposta Ultima Risposta
              • shazarak
                shazarak User Attivo • ultima modifica di @giusy.napoli

                @giusy-napoli mmm la risposta breve è no,
                quella un pochino piu lunga è che "plugin google fonts" non mi risulta voglia dire nulla
                nel senso che google font è una cosa, ovvero una serie di font online di google ( la faccio breve), pluginè altra cosa...

                ora, sevo supporre che possa esistere un plugin per i google font? se si non ne sono a conoscenza mi spiace

                in ogni caso per modificare l'altezza ( sempre per farla breve) del titolo del tuo sito, o hai una qualche sezione dedicata di Genesis oppure lo devi fare con il css.
                in realta è sempre css, soltanto che se passi dalle impostazioni di un tema, semplicemente ci pensa lui ad inserire il codice che ti ho dato di esempio al posto tuo.

                dovresti controllare, o chiedere a chi conosce Genesis Framework, se e dove sta l'impostazione per cambiare il font del titolo ( e sottotitolo ) del tema/sito

                ma ripeto hai a disposizione il Customizer di Wordpress, e con una semplice riga di css risolvi quello che hai chiesto

                0 Miglior Risposta 1 Ringrazia Cita Rispondi

                  giusy.napoli 1 Risposta Ultima Risposta
                • kyle46
                  kyle46 User Attivo • ultima modifica di @giusy.napoli

                  @giusy-napoli Tutte queste preoccupazioni per ridurre un logo perfetto (sia da desktop che da mobile). Io lascerei tutto così com'è. La velocità del sito? Anche i CSS la riducono. Dovresti concentrarti su altro per velocizzare l'homepage. Non credo che quel logo sia la causa principale dovuto al rallentamento del tuo sito. Un consiglio spassionato.

                  0 Miglior Risposta 1 Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • panebianco3d
                    panebianco3d User Attivo • ultima modifica di

                    ciao,
                    anche secondo me il logo - come dice @kyle46 - come dimensione va già bene così.
                    Le ottimizzazioni su di esso potrebbero invece essere:

                    • al momento è in formato jpg, per com'è fatto lo convertirei in png32 o ancora meglio in webp (puoi usare gimp per questo, che è oltretutto free e se vuoi anche una portableapps se non lo vuoi installare).
                    • ridurre la dimensione, al momento quello che usi in effetti è più grande del necessario e se vuoi un'ottimizzazione "superspinta" per seo/prestazioni tieni d'occhio (anche) queste cose.

                    Se poi vuoi usare i custom css, per sicurezza aggiungi un bel "!important" in modo che le tue classi vengano sicuramente "sovrascritte" a quelle base, quindi rispetto a quanto suggerito da @shazarak modificherei così:

                    @query (min-width:601px) and (max-width:1024){
                    .site-title {font-size:40px !important}
                    }

                    facci sapere,
                    ciao

                    0 Miglior Risposta 1 Ringrazia Cita Rispondi

                      giusy.napoli 1 Risposta Ultima Risposta
                    • giusy.napoli
                      giusy.napoli User Attivo • ultima modifica di @panebianco3d

                      @panebianco3d Ciao, ringrazio sia te che @kyle46 per il consiglio. Infatti anche a me piace l'attuale titolo con logo. Il mio problema è che sia la Home che qualunque articolo del mio sito hanno un punteggio di 34 per dispositivi mobili su PageSpeed Insights. Su Desktop invece non ho problemi di caricamento. Ecco perché sto cercando di ridurre tutto al minimo indispensabile perché penso che la rapidità su dispositivi mobili sia fondamentale e che questo penalizzi il sito.

                      1 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • giusy.napoli
                        giusy.napoli User Attivo • ultima modifica di @shazarak

                        @shazarak Grazie mille.

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        Caricamento altri post
                        Rispondi
                        • Topic risposta
                        Effettua l'accesso per rispondere
                        • Da Vecchi a Nuovi
                        • Da Nuovi a Vecchi
                        • Più Voti