使用photopost的第一個標籤作爲標題 - tumblr

Question

我試圖使用tumblr上的每張照片/ photoset帖子的第一個標籤專門將其作爲標題樣式（文本帖子內置了標題選項，照片帖子不要） 我發現了其他 - 太手工 - 解決方案，但我認爲從長遠來看，第一個標籤將是一個連貫的方式來做到這一點。

我找不到如何獲取標籤列表的第一個孩子，或從數組中獲取它。

這可能嗎？

感謝

Answer 1

使用純css解決方案。

HTML：

<div class="post cf"> 
    <ul class="notes"> 
    <li>Note 1</li> 
    <li>Note 2</li> 
    <li>Note 3</li> 
    </ul> 
</div> 

CSS：

.notes { 
    margin:0; 
    list-style:none; 
} 

.notes li { 
    float:left; 
    padding-right:10px; 
} 

.notes li:first-child { 
    float:none; 
    color:red; 
    font-size:2em; 
} 

您沒有提供任何HTML，所以我在結構已經猜到了，但可以很容易地適用這一原則。

此外，如果你只希望這會影響照片的帖子，你可以很容易的CSS選擇器更改爲

.photo .notes li:first-child { //css } 

等

jsfiddle

Answer 2

直接在tumblr源代碼編輯器開始{}照片後段，我寫了這個小JS。我放了我的{photoset}標籤後。 因此，現在我的照片和photoset帖子的第一個標籤是作爲標題。 這正好到頭部

.tag_to_title { STYLE HERE } 

，並在一開始{/攝}波紋管段{照片}這裏和{photoset}這裏還有{/ photoset}

<script type="text/javascript"> 
    var myTags = {}; 
    {block:Posts} 
    {block:HasTags} 
    myTags[{JSPostID}] = [ 
     {block:Tags} 
     { 
      "tag": {JSTag}, 
      "tagURL": {JSTagURL}, 
     }, 
     {/block:Tags} 
    ]; 
    </script> 
    <h2 class="tag_to_title"> 
    <script type="text/javascript"> 
    document.write(myTags[{JSPostID}][0].tag); 
    </script> 
    </h2> 
    </br> 
    {/block:HasTags} 
    {/block:Posts}