Come bloccare la casella della descrizione ma non la pagina di scorrimento su Tumblr

Se il tema del tuo blog Tumblr consente alla casella di descrizione di scorrere verso il basso la pagina insieme ai post del tuo blog, è probabile che tu possa bloccare la casella in posizione. Per fare ciò, il tema deve includere un'opzione nella sua pagina CSS con un'opzione per bloccare la casella di descrizione. Poiché gli sviluppatori usano spesso lo stesso codice CSS per tutti i loro temi, di solito ci sono buone probabilità che abbia questa opzione. La parte difficile arriva nel cercare di trovare quale parola ha usato lo sviluppatore per sbloccare questa funzione. In molti casi può essere semplice come la parola "fisso", ma non puoi essere sicuro di quale possa essere la parola finché non esamini il codice.

Esame del codice HTML

Accedi a Tumblr e fai clic sull'icona Impostazioni a forma di ingranaggio nella parte superiore della dashboard. Seleziona il tuo blog dalla sezione Blog nella barra laterale e fai clic su "Modifica tema". Fai clic sul link "Modifica HTML" sotto il nome del tema nella barra laterale. Il codice HTML del tuo tema appare a sinistra e un'anteprima del tuo blog Tumblr appare a destra.

Premi "Ctrl-F" sulla tastiera per aprire il campo di ricerca e digita due o tre parole esattamente come appaiono nella casella di descrizione del tuo blog. Questo ti porta direttamente al codice HTML per quelle parole. Scorri verso l'alto fino a visualizzare il codice della casella della descrizione, ad esempio "block:Description".

Esaminare le righe direttamente sopra il codice della casella di descrizione e cercare l'attributo che mantiene la casella di descrizione mobile, come "unstuck" o "float". Questa parola dovrebbe trovarsi all'interno di un tag "div id" come "

."

Sostituisci l'attributo che mantiene la casella della descrizione mobile sulla pagina con la parola "fissa", ad esempio "

." Fai clic sul pulsante "Aggiorna anteprima". Fai clic sull'anteprima a destra e prova a scorrere la pagina. Se funziona, fai clic sul pulsante "Salva". La casella della descrizione rimarrà fissa mentre scorre il contenuto del blog. In caso contrario non funziona, devi esaminare il codice CSS per trovare la parola giusta.

Trovare il codice CSS

Scorri fino all'inizio del codice HTML del tuo tema Tumblr. Fare clic sul campo "Cerca" sopra il codice e digitare "foglio di stile". Questo ti porta alla prima istanza di questa parola nel codice HTML, di solito entro le prime 50 righe circa, come "rel=stylesheet". Evidenzia l'URL subito prima di questa parola, che inizia con "http:" e termina con "css". Questo è l'indirizzo Web della pagina CSS del tema.

Apri una nuova scheda del browser, incolla l'URL CSS nella barra degli indirizzi e premi "Invio". All'inizio potresti vedere lettere e numeri senza significato, ma se scorri la pagina, vedrai il codice CSS, che è molto simile al codice HTML. Non puoi modificare questo codice, ma puoi usarlo per trovare la parola che potrebbe bloccare la casella di descrizione in posizione.

Premi "Ctrl-F" e digita la parola utilizzata nel codice HTML del tema per mantenere fluttuante la casella della descrizione, come "float". Quando trovi questa parola, scorri la pagina su e giù per esaminare il codice vicino. Cerca la parola opposta che può essere usata per bloccarlo in posizione, come "fisso", "statico" o "bloccato".

Torna alla scheda del browser che mostra il codice HTML del tema e sostituisci la parola mantenendo la casella della descrizione mobile con la parola che potrebbe mantenerla fissa. Fare clic sul pulsante "Aggiorna anteprima" e quindi provare a scorrere verso il basso la pagina di anteprima. Se funziona, fai clic sul pulsante "Salva". Se non funziona, continua la tua ricerca della parola magica giusta.

Suggerimenti

In alcuni casi, lo sviluppatore del tema potrebbe non aver incluso il codice CSS per consentire a un tema di avere una casella di descrizione fissa.

Avvertenze

Non salvare le modifiche nel codice HTML del tuo tema Tumblr finché non hai esaminato attentamente l'anteprima. La modifica casuale di qualsiasi cosa nel codice HTML può rovinare gravemente il layout del tuo blog.