#css #themes #tumblr #meta
#css #темы #tumblr #мета
Вопрос:
Я хочу создать базовый профиль tumblr, используя тему 101 (https://www.tumblr.com/theme/483 ), который является белым, и каждая запись имеет разный цвет в зависимости от типа публикации, так, например, обычная запись может быть синей, а видеозапись — зеленой.
Я знаю, что это определяется с помощью metaname
параметра; <meta name="color:Regular Entry" content="#000000"/>
а затем вызывает его в CSS темы:
.regular,
.conversation,
.quote{
background-color:{color:Regular Entry};
}
Я хочу знать, есть ли возможность изменить этот цвет фона на основе тега сообщения?
Итак, например, скажем, я публикую только обычные записи, но у каждой из них есть определенный тег из возможных 6, которые все определены с использованием <meta name="color:tag1" content="#000000"/>
до tag6. Есть ли способ заставить обычную запись записи изменить свой цвет bg на основе этого?
Спасибо
Ответ №1:
В вашей теме добавьте {TagsAsClasses}
переменную к элементу, содержащему одну запись, например, в качестве значения class
атрибута:
<article class="post {TagsAsClasses}">
Если вы отметили сообщение с помощью «Foobar», вы найдете class
значение foobar
в разметке, например:
<article class="post foobar">
<!-- … -->
</article>
Вы можете использовать это как хук в своем CSS:
.foobar {background-color:red;}
Примечание: если вы не хотите, чтобы ваши пользователи использовали / видели эти теги, вы можете использовать _
префикс, как описано в блоге сотрудников Tumblr.
Комментарии:
1. Спасибо, что поделились комментарием, это просто потрясающе!
2. Это было блестяще, спасибо — сработало хорошо. Я использовал div вместо article, чтобы я мог просто отредактировать существующий код темы, но он отлично работает, спасибо 🙂