Как да редактирате вашата тема с HTML на Tumblr

Tumblr поддържа пълна персонализация за всяка избрана от вас безплатна тема, както и изцяло персонализирани теми за вашия блог на Tumblr. Темите в Tumblr се правят от различни различни разработчици, много от тях потребители на Tumblr; като такъв, дизайнът и оформлението на кода варират драстично между темите, като са общи само ключови елементи. Докато експериментирането е ефективно средство за изучаване на тънкостите на системата, най-добре е да имате някакво основание в темите, преди да редактирате вашите. Tumblr предлага пълна страница с документация за персонализирани теми и променливи.

1

Отворете страницата си за персонализиране на Tumblr на Tumblr.com/customize; можете също да щракнете върху потребителското си име в горната част на таблото за управление на Tumblr, след което щракнете върху „Персонализиране на външния вид“ в страничната лента.

2

Щракнете върху бутона "Тема". Екранът по подразбиране е екранът за избор на тема. Изберете тема, която се чувствате комфортно за редактиране, ако все още нямате избрана. След като бъдете избрани, щракнете върху „Използване на персонализиран HTML“ в долната част на менюто Тема.

3

Разгледайте кода, за да разберете как първоначално разработчикът е изградил темата. Темите използват комбинация от код, включително HTML, CSS и Javascript. Темите на Tumblr използват стандартен набор от блокове, за да определят областите на кода, които се прилагат за различни публикации и раздели на блога. Например секцията, която дефинира аудио публикации, ще започне „{block: Audio}“ и ще завърши с „{/ block: audio}“, а секцията за цитираните публикации ще започне {block: Quote} и завърши “{/ block: Quote } "улеснява намирането на отделни типове публикации и секции. Ако търсите конкретен елемент, функцията за намиране на вашия браузър трябва да може да намира думи в HTML темата.

4

Поставете всеки потребителски HTML, който искате. Ако искате да създадете нов лист със стилове за вашата тема, бихте го вмъкнали някъде между отварящите и затварящите маркери за главата на документа. Таблица със стилове е форматирана като

Можете да включите толкова елементи в таблицата със стилове, колкото ви е необходимо. Всеки елемент може да бъде модифициран с помощта на CSS. Например, ако искате да зададете нещо модифицирано с маркера H2 като 22 пиксела височина и тъмно сиво, таблицата със стилове ще включва този блок:

h2 {размер на шрифта: 22px; цвят: # A8A8A8;}

5

Добавете какъвто и да е стил към отделни HTML елементи, като използвате маркера "style". Като пример, ако искате да промените кавичките на страницата си, за да има светлосива текстова сянка, ще намерите HTML, който модифицира вашата оферта и ще добавите в скобите на HTML маркера. Всеки CSS, добавен по този начин, работи в допълнение към таблицата със стилове на вашата страница.

6

Щракнете върху „Актуализиране на визуализацията“, за да видите промените във вашия блог на Tumblr в визуализацията, без да запазвате никакви промени. Когато най-накрая сте направили желаните промени в своя блог на Tumblr и сте готови да ги извършите, щракнете върху „Запазване“.