html - Tumblr でタグごとにスタイルを定義する

Question

特定のタグに特定のスタイルを定義する方法を知りたいです。たとえば、投稿にクロワッサンまたはチョコレートのタグが付けられている場合、投稿を特定のスタイルでレンダリングしたいと考えています。

新しいクラスを作成する必要があることはわかっていると思いますが、この新しいクラスのスタイルを設定する必要があることはわかっていますが、その方法がわかりません。

助けてくれてありがとう！

Answer 1

{TagsAsClasses}テーマで使用する必要があります。

たとえば、テーマに次のようなものを書く必要があります。

<div id="{PostID}" class="post {PostType} {TagsAsClasses}">
  <!-- ... -->
</div>

投稿が写真投稿で、クロワッサンとチョコレートのタグが含まれている場合、HTML は次のようになります。

<div id="post-26107509778" class="post photo Croissant Chocolate">
  <!-- ... -->
</div>

次に、.Croissant または .Chocolate クラスのスタイルを設定できます。

.Croissant {
  /* add your styles here */
}

.Chocolate {
  /* add your styles here */
}

詳細はこちらhttp://www.tumblr.com/docs/en/custom_themes