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.
    • panebianco3d
      panebianco3d User Attivo • ultima modifica di @giusy.napoli

      @giusy-napoli In realtà fare delle piccole prove non comporta grossi rischi. Su WP c'è un "modulo" apposito per i "custom css". Li' puoi fare tutti i test che vuoi: inserisci la modifica (magari fanne una alla volta se hai poca dimestichezza), ti fai un giro sul sito e verifichi il risultato.
      Pero' non ho capito cosa intendi per "titolo del mio sito": il "logo" del tuo sito (quindi nell'header) o il titolo della pagina? Nel primo caso devi verificare sul tuo tema il nome della classe, nel secondo (normalmente) è la classe H1.

      Se ci indichi anche l'indirizzo del tuo sito magari possiamo aiutarti meglio...

      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 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