Как да добавим снимка зад заглавието на публикациите в Tumblr

Добавяне на персонализирана снимка към заглавието

По подразбиране Tumblr показва текстово заглавие над публикациите. За да придадете по-интересен вид, можете да поставите изображение зад текста, без да премахвате самия заглавен текст. При стандартната тема това се постига чрез една малка промяна в HTML кода.

Стъпка 1 – Качете изображението

Влезте в профила си в Tumblr и отворете страницата Upload a Static File (връзка в раздел „Resources“). Тази секция е предназначена само за файлове, свързани с теми – не я използвайте за изображения, които искате да публикувате в постовете.

Изберете желаното изображение и натиснете „Upload File“. Максималният размер е 5 МБ, а дневният лимит е 15 МБ.

След качването копирайте URL‑а, който Tumblr ви показва за файла.

Стъпка 2 – Редактирайте темата

Отворете Settings → изберете блога, който искате да промените, и кликнете „Edit Theme“. След това натиснете „Edit HTML“.

Превъртете надолу до кода, който съдържа текущото заглавие. За да го намерите бързо, натиснете Ctrl + F и потърсете IfShowBlogTitle.

На реда, където се намира {Title}, поставете следния код точно пред него:

<div style="background:url('URL_НА_ИЗОБРАЖЕНИЕТО');">

Заменете URL_НА_ИЗОБРАЖЕНИЕТО с копирания от предната стъпка адрес.

Стъпка 3 – Преглед и запазване

Кликнете „Update Preview“, за да видите как изглежда новият ви дизайн. Ако всичко е наред, натиснете „Save“.

Съвети

• Ако текстовият блок е по-широк от изображението, то ще се повтаря, за да запълни пространството. За да се появи само веднъж, добавете background-repeat:no-repeat; преди затварящата кавичка в стила.

Предупреждения

• Тези инструкции са валидни за стандартната тема на Tumblr. При други теми процесът може да се различава или да има вградено настройване на заглавната лента без ръчно редактиране.