Персонализиране на съществуваща тема в Tumblr

Персонализиране на вашата Tumblr тема

Тема в Tumblr определя външния вид и оформлението на всичко в блога – от размерите на снимките до стила на шрифтовете. Независимо дали темата е безплатна или платена, можете да я промените от екрана за персонализиране. Някои познания по HTML и CSS са полезни, но дори без опит можете да направите прости корекции.

Екран за персонализиране

Натиснете връзката „Customize“ (Персонализирай), за да отворите екрана за персонализиране. Тук можете да промените заглавието и описанието на блога, както и всички налични опции на текущата тема. Ако желаете да смените темата, изберете „Browse Themes“. Опцията „Add a Page“ позволява създаване на статични страници и линкове до вашите публикации. „Advanced Options“ (Разширени настройки) ви дава възможност да зададете броя постове на страница, да отваряте връзки в нов прозорец и да активирате мобилната версия на Tumblr.

Вградени настройки на темата

Авторите на теми често включват набор от настройки, интегрирани директно в темата. Това означава, че можете да променяте цветове, шрифтове и други параметри, без да се докосвате до кода. Настройките, разположени вляво от екрана за персонализиране, са предоставени от автора и могат да включват цветове и размери на шрифтове, изображения за фон и хедър, разположение на страничната лента, безкрайно превъртане, показване на тагове и бележки, както и опции за уиджети. Често има полета за въвеждане на кодове за Google Analytics, Typekit, Instagram, Twitter и други услуги.

Добавяне на персонален CSS

Темите в Tumblr използват CSS за стилизиране на текст, изображения и заглавия. CSS работи като стилов лист, който прилага единен набор от формати из целия сайт. Кликнете „Edit HTML“ (Редактиране на HTML) в екрана за персонализиране, за да разгледате съществуващия код – CSS‑ът обикновено е вграден в HTML или се зарежда от външен .css файл. В раздела „Add Custom CSS“ в „Advanced Options“ можете да въведете свой CSS, за да замените стандартните стилове.

Редактиране на HTML кода на темата

Освен добавянето на CSS, можете директно да промените HTML кода чрез връзката „Edit HTML“. HTML определя структурата и подреждането на елементите, докато CSS се грижи за визуалния им вид. Ако редактирате HTML, Tumblr изключва автоматичните актуализации на темата, за да запази вашите промени – в случай на бъдеща актуализация ще трябва да я инсталирате ръчно и отново да приложите вашите корекции.

Как да…?

Точният CSS и HTML код, който ви е необходим, зависи от начина, по който авторът е построил темата. Различните разработчици използват различни структури, но ако отделите време да разгледате кода, ще разберете как са приложени цветовете и стиловете. За основни уроци по HTML и CSS има множество безплатни ресурси – W3Schools, Webmonkey, HTMLDog и други. В центъра за помощ на Tumblr също има полезни статии, а при нужда можете да се обърнете директно към автора на темата.