Можете ли вы настроить формат сообщения Tumblr на основе его тега? - PullRequest
Новая
       4

Можете ли вы настроить формат сообщения Tumblr на основе его тега?

4 голосов
/ 12 ноября 2011

Создание пользовательской темы Tumblr, которая будет содержать смесь обычных пост-типов Tumblr (текст, картинки, ссылки и т. Д.).

Я также хотел бы делать особый тип постов, который будет включать мою фотографию, но я не хочу, чтобы ее размер был изменен, скорее, я хотел бы разместить фотографию в высоком разрешении.на всю ширину темы (около 1140 пикселей в ширину).

Я читал о {block: HighRes} {/ block: HighRes}, но, похоже, это для того, чтобы изображение размером 500px переходило по ссылкеоригинал.

Есть ли способ отключить это автоматическое изменение размера для этих определенных популярных фотографий?Может быть, способ изменить поведение на основе тегов сообщений?(например, если у него есть тег "#photography", отображайте в полном разрешении - если нет, продолжайте изменять размер до 500 пикселей).

Вот наглядный пример того, что я пытаюсь сделать: http://i.imgur.com/23p09.jpg

1 Ответ

7 голосов
/ 15 мая 2012

Вы можете использовать {TagsAsClasses}

Например, для этой разметки tumblr : 

{block:Posts}
    <div class="entry {TagsAsClasses}">
     Post Content
    </div>
{/block:Posts}

и 3 сообщений с такими тегами:

  1. фото, фото в высоком разрешении
  2. фото, фото в низком разрешении
  3. фото, фотография

Tumblr выводит такие html разметка: 

<div class="entry photo photo-hi-res">
 Post Content
</div>
<div class="entry photo photo-low-res">
 Post Content
</div>
<div class="entry photo photography">
 Post Content
</div>

, и эта разметка может обрабатываться с небольшими css : 

/* common for photo posts */
.entry.photo {}

/* `hi-res`-tag photo posts */
.entry.photo-hi-res {}

/* `low-res`-tag photo posts */
.entry.photo-low-res { width: 500px; }

/* `photography`-tag photo posts */
/* the rule you need */
.entry.photography { width: 900px; }
.entry.photography img { width: 100%; }
...