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

Когато създавате нов блог в Tumblr, системата генерира шаблон по подразбиране, който може да се персонализира. Това ви позволява да придадете на страницата по-приятен вид, дори без познания по HTML. С проста промяна в шаблона можете да направите заглавията на текстовите публикации да изпъкват.

Основи на стилизирането на уеб страници

Собствениците на уеб сайтове променят външния вид, като добавят CSS свойства и стойности към кода си. Например, свойството color определя цвета на елемента, background-color – цвета на фона, а font-size – големината на шрифта. Като приложите CSS към HTML кода на вашия Tumblr блог, можете да персонализирате различни елементи.

Как да намерите кода на шаблона

От таблото на Tumblr натиснете Customize, след което в левия панел изберете Edit HTML. Ако не виждате тази опция, превъртете нагоре в панела. В отворения редактор натиснете Ctrl+F и потърсете post .title (без кавички). Търсенето ще ви отведе до реда, който изглежда така:

#wrapper #content .post .title {

Добавяне на стилове към HTML

След намерения ред добавете желаните CSS свойства. За пример, поставете следното без кавички:

color: red; background-color: yellow; text-decoration: underline;

Тези три свойства ще оцветят заглавието в червено, ще зададат жълт фон и ще подчертаят текста. Натиснете Update Preview, след това Save и посетете блога си, за да видите промените.

Поддържайте блога си актуален

Можете да променяте стойностите по всяко време – например, зелено заглавие на червен фон, различен тип подчертаване (overline, line-through или none) или различен размер на шрифта. За да промените размера, добавете:

font-size: 22px;

заменяйки 22 с желаната големина в пиксели. По-големите стойности създават по-голям текст, а по-малките – по-малък. За списък с наличните цветове посетете W3Schools.