Un utente ha chiesto informazioni su GeneratePress di Wordpress

Come incollo l’intestazione

Un utente ha chiesto 👇

Utilizzando il tema gratuito, l’intestazione può rimanere attaccata durante lo scorrimento?

Questo argomento è stato modificato 2 anni, 3 mesi fa da. Motivo: URL aggiuntivo dalla risposta di seguito

(@leohsiang)

2 anni, 3 mesi fa

Ciao,

Dai una possibilitĂ  a questo SEC:

.site-header {
        position: sticky;
        top: 0;
}

Aggiungi CSS: https://docs.generatepress.com/article/adding-css/

Fammi sapere 🙂

Lanciatore di thread

(@ billblast104)

2 anni, 3 mesi fa

Con loro sei l’uomo … grazie ancora per tutto il tuo aiuto, che funziona proprio come volevo che funzionasse.

Lanciatore di thread

(@ billblast104)

2 anni, 3 mesi fa

Con loro sulla stessa linea, che dire della barra di navigazione, può restare anche quella? Quando scorro verso il basso posso vedere lo script del menu attraverso il logo.

(@huntman)

2 anni, 3 mesi fa

Volevo chiederlo;

Il CSS ha qualche impatto sulla SEO aggiunto per nascondere / rimuovere varie funzioni del tema, come rendere appiccicose le intestazioni tramite il codice seguente

.site-header {
posizione: appiccicoso;
in alto: 0;
}

srl.

Attualmente sto utilizzando la versione gratuita del tema Generatepress, ho apportato poche modifiche al tema utilizzando le proprietĂ  CSS come ho fornito nell’esempio sopra. Sugli aggiornamenti del tema, mi mancheranno le modifiche apportate al tema?

Gli aggiornamenti dell’autore si applicano automaticamente a tutti i siti Web basati su Generatepress?

Autore del tema

(@ edge22)

2 anni, 3 mesi fa

Con l’adesivo di navigazione e l’intestazione, è necessario conoscere l’altezza delle intestazioni in modo che non si sovrappongano.

#site-navigation {
    position: sticky;
    top: 100px; /* height of your sticky header */
}

@huntman Nessun problema di SEO da usare position: sticky. Utilizzando display: none tuttavia include cose dei robot.

Le modifiche al tema centrale verranno sovrascritte durante l’aggiornamento. Ecco perchĂ© è importante aggiungere CSS utilizzando uno di questi metodi: https://docs.generatepress.com/article/adding-css/

Lanciatore di thread

(@ billblast104)

2 anni, 3 mesi fa

Tom,

Non sono sicuro al 100% di quale sia l’altezza dell’intestazione, ho trovato questo codice che ha ridotto la dimensione dell’intestazione:

.inside-header {
imbottitura: 20px 40px 20px 40px;
}

Lanciatore di thread

(@ billblast104)

2 anni, 3 mesi fa

@ edge22

Per favore ignora la mia ultima risposta, la SEC che mi hai inviato ha fatto il suo lavoro. Ho dovuto regolare la quantitĂ  di altezza fino a quando volevo che fosse … grazie a un milione

Lanciatore di thread

(@ billblast104)

2 anni, 3 mesi fa

@ edge22

Ho controllato la mia posizione nell’area personalizzata su un tablet e la barra di navigazione si sposta leggermente verso l’alto nell’intestazione e su un telefono cellulare, c’è uno spazio tra l’intestazione e la barra di navigazione senza movimento. Puoi dare qualche spiegazione sul motivo per cui è così? E questo può essere risolto?

Autore del tema

(@ edge22)

2 anni, 3 mesi fa

Voglio vedere il tuo sito per avere informazioni sicure, ma puoi top valore a una data larghezza utilizzando una query media:

@media (max-width: 768px) {
    #site-navigation {
        top: 60px; /* height of your sticky header */
    }
}

Lanciatore di thread

(@ billblast104)

2 anni, 3 mesi fa

@ edge22 Sono riuscito a far aderire la barra di navigazione al tablet utilizzando CSS, ma per i dispositivi mobili c’è ancora un ampio spazio vuoto.

Autore del tema

(@ edge22)

2 anni, 3 mesi fa

La tua intestazione / navigazione è abbastanza alta. Sarebbe appiccicoso per l’utente se fosse appiccicoso su un telefono cellulare, poichĂ© coprirebbe oltre la metĂ  del contenuto delle tue pagine.

Forse sarebbe meglio avere la navigazione appiccicosa sul cellulare?

Lanciatore di thread

(@ billblast104)

2 anni, 3 mesi fa

@ edge22 hai ragione, stavo guardando quello e dicendo la stessa cosa e riguarda l’esperienza dell’utente e non quello che voglio o penso sia bello. Quindi è possibile che l’intestazione / navigazione sia appiccicosa su un desktop?

Autore del tema

(@ edge22)

2 anni, 3 mesi fa

Decisamente! Prova questo:

@media (max-width: 768px) {
    .site-header,
    #site-navigation {
        position: relative;
        top: auto;
    }
}

E se vuoi ancora una navigazione persistente ma nessuna intestazione appiccicosa, puoi farlo:

@media (max-width: 768px) {
    .site-header {
        position: relative;
        top: auto;
    }

    #site-navigation {
        top: 0;
    }
}

Lanciatore di thread

(@ billblast104)

2 anni, 3 mesi fa

@ edge22 tu sei l’uomo … Il CSS ha fatto quel lavoro e non ho nemmeno dovuto regolare la barra di navigazione per il tablet o il cellulare … grazie mille per questo …

Autore del tema

(@ edge22)

2 anni, 3 mesi fa

Prego! 🙂

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *