Как да фиксирате хедъра на вашия Tumblr блог

Защо да фиксирате хедъра

Хедърът на вашия Tumblr блог е отлична възможност да покажете бранда или логото си, но след като посетителят започне да превърта, той изчезва от екрана. За да остане видим, трябва да промените HTML кода на темата.

Стъпки за фиксиране

1. Влезте в профила си в Tumblr и от таблото изберете Settings.
2. От списъка вляво изберете желания блог и натиснете Customize, за да отворите екрана за персонализиране.
3. Кликнете върху Edit HTML, за да достъпите редактора на кода.
4. Превъртете кода и намерете секцията, която определя хедъра. Тя варира според темата – например теми като Rubber Cement или Plaid използват h1, докато теми с изображение в хедъра (например Redux) използват селектор #wrapper #title.
5. В тази секция добавете нов ред с position: fixed; за да фиксирате хедъра.
6. Под него добавете z-index: 100;, за да бъде хедърът винаги над останалото съдържание.
7. Натиснете Update Preview и използвайте колелото на мишката или скрол лентата, за да проверите дали хедърът остава на място.
8. Ако всичко е наред, натиснете Save за запазване на промените.

Съвети

При някои теми фиксираният хедър може да покрива публикациите и страничната лента. Добавете margin-top: 300px; (заменете 300 с височината на вашия хедър) към CSS‑а на постовете и страничната лента, за да осигурите достатъчно разстояние.