Cum să mențineți antetul fix pe Tumblr

Antetul blogului Tumblr reprezintă o oportunitate excelentă de a promova brandul sau logo-ul dvs., însă după ce vizitatorii încep să deruleze paginile, acesta dispărește din vizualizare. Pentru a-l păstra vizibil în permanență, chiar și în timpul derulării, trebuie să modificați codul HTML al temei alese.

Accesați contul Tumblr, mergeți la Setări din panoul de control, alegeți blogul și faceți clic pe Personalizare. Apoi selectați Editează HTML pentru a deschide editorul de cod al temei.

Răsfoiți codul și identificați secțiunea care definește antetul. Aceasta variază în funcție de temă:

• Temele care afișează titlul blogului ca text (ex. Rubber Cement, Plaid) utilizează tagul <h1>.
• Temele care permit încărcarea unei imagini de antet (ex. Redux) folosesc selectorul #wrapper #title.

În acea secțiune adăugați linia următoare:

position: fixed; – face ca antetul să rămână în poziție fixă pe ecran.

Sub ea, introduceți:

z-index: 100; – asigură că antetul este întotdeauna peste alte elemente (imagini, video).

Apăsați Actualizare previzualizare și derulați pagina pentru a verifica dacă antetul rămâne fix. Dacă totul arată corect, salvați modificările.

Sfat suplimentar

Unele teme pot face ca antetul să acopere conținutul postărilor sau bara laterală. Pentru a evita acest lucru, adăugați linia:

margin-top: 300px; (înlocuiți 300 cu înălțimea reală a antetului) în secțiunile de postări și sidebar.