Как да персонализирате съществуваща тема на Tumblr

Вашата тема на Tumblr задава външния вид и форматирането на цялото съдържание във вашия блог, от размера на снимките до стила на шрифтовете. Можете да промените всяка тема на Tumblr, независимо дали е безплатна или първокласна, като посетите екрана за персонализиране. Някои знания за HTML (HyperText Markup Language) и CSS (Cascading Style Sheets) са полезни, но можете да правите основни редакции, дори ако не сте запознати с кодирането на уебсайтове.

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

Кликнете върху връзката „Персонализиране“, за да влезете в екрана за персонализиране, който ви позволява да промените заглавието на вашия блог, неговото описание и всички опции, налични в текущата ви тема. Изберете „Преглед на теми“, ако искате да превключите към друга тема. Обърнете внимание на опцията „Добавяне на страница“, която можете да използвате, за да създавате статични страници и връзки до публикациите в блога си. Връзката „Разширени опции“ ви позволява да зададете броя публикации, показвани на всеки екран, да принудите връзките да се отварят в нов прозорец и да активирате стандартния мобилен изглед на Tumblr за вашия блог.

Вградени опции за теми

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

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

Темите на Tumblr използват CSS, за да зададат стила на основния текст, изображения и заглавия на вашия сайт. Те работят по същия начин като таблиците със стилове в текстов процесор, позволявайки на потребителя да излезе с еднакъв набор от шрифтови формати, които се прилагат в сайта. Щракнете върху „Редактиране на HTML“ на екрана за персонализиране, за да изучите съществуващия HTML на темата: CSS трябва да бъде вграден в самия HTML, или ще има връзка към .css файл, хостван другаде в Tumblr. Използвайте раздела Добавяне на персонализиран CSS на страницата Разширени опции, за да въведете свой собствен CSS код, ако искате да отмените таблицата със стилове по подразбиране на темата.

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

Освен добавянето на персонализиран CSS, можете да редактирате и HTML на темата директно чрез връзката „Редактиране на HTML“ на екрана за персонализиране. HTML кодът обикновено се използва за определяне на оформлението и структурата на страницата, като се контролират кои елементи се показват и къде се поставят; CSS кодът се занимава повече с външния вид и стила на текста, границите и изображенията. Ако редактирате HTML темата директно, Tumblr деактивира функцията за автоматично актуализиране на темата, за да запази промените ви - това означава, че ако актуализация на тема бъде пусната в бъдеще, ще трябва да я инсталирате ръчно (и след това да приложите отново HTML ощипвания).

Как мога...?

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