แท็ก Tumblr แสดงอยู่ด้านล่างโพสต์แทนภายในกล่อง


10

ฉันแก้ไขเลย์เอาต์ Tumblr เพื่อแสดงแท็กในแต่ละโพสต์แต่ด้วยเหตุผลบางประการแท็กก็ปรากฏขึ้นใต้กล่องโพสต์และอยู่เหนือโพสต์ถัดไป

รหัสที่ฉันมีสำหรับเลย์เอาต์มีดังนี้ (ตัด):

{block:Posts}
    {block:Text}
       <li class="post text">
           <!-- HTML layout for Text posts -->
       </li>
    {/block:Text}

    {block:Photo}
       <li class="post photo">
           <!-- HTML layout for Photos -->
       </li>
    {/block:Photo}

    {block:Quote}
       <li class="post quote">
           <!-- HTML layout for quotes -->
       </li>
    {/block:Quote}

    {block:Link}
       <li class="post link">
           <!-- HTML layout for link posts -->
       </li>
    {/block:Link}

    <!-- etc. -->

    {block:HasTags}
        {block:Tags}
            <a href="{TagURL}">{Tag}</a>
        {/block:Tags}
    {/block:HasTags}
{/block:Posts}

ฉันไม่สามารถคิดออกได้ว่าจะแก้ไขธีมอย่างไรเพื่อให้แท็กปรากฏในคอนเทนเนอร์ของบทความและไม่ลอยไปข้างนอกและโพสต์ถัดไป

คำตอบ:


5

อาจดูน่าเบื่อ แต่ดูเหมือนว่าคุณจะต้องรวมHasTagsบล็อกในแต่ละหมวดหมู่

เริ่มต้นด้วยสิ่งแรกที่คุณจะได้:

    {block:Text}
       <li class="post text">
           <!-- HTML layout for Text posts -->

        {block:HasTags}
            {block:Tags}
                <a href="{TagURL}">{Tag}</a>
            {/block:Tags}
        {/block:HasTags}

       </li>
    {/block:Text}

ในที่ที่คุณเคยปรากฏมาก่อน{/block:Posts}ให้เปลี่ยนเป็นรูปแบบก่อนปิด</li>ซึ่งดูเหมือนจะเป็นรูปแบบการแต่งกายของตู้ไปรษณีย์

อย่าลืมลบบล็อกที่ปรากฏก่อนปิด{/block:Posts}หรือคุณจะได้รับแท็กปรากฏสองครั้ง


อย่างไรก็ตามมันก็ไม่สมเหตุสมผลสำหรับฉัน ฉันสงสัยว่ามีอะไรอีกในการเข้ารหัสที่เอาชนะมันได้หรือไม่ นี่คือเวอร์ชันที่แก้ไขของฉัน: pastebin.com/DsEdvxSY
JammerLea

Btw เพื่อเพิ่มฉันกำลังช่วยเพื่อนด้วยปัญหาเดียวกันกับหนึ่งในรูปแบบ Tumblr ของเธอและวิธีการทำงาน DID แต่ฉันต้องวางไว้ในการเข้ารหัส div บางอย่าง เพียงเพื่อแบ่งปันสิ่งที่ดูเหมือนว่าฉันเหนื่อยเกินกว่าจะวิเคราะห์การเข้ารหัส atm pastebin.com/8sdatk0V
JammerLea

ดูเหมือนว่าในเทมเพลตของคุณคุณจะต้องใส่รหัสก่อนแท็กที่เสร็จสิ้นการบล็อกสไตล์ @jam
Malaise แปดวัน

... ทำไมฉันไม่คิดอย่างนั้นล่ะ ใช่ นั่นได้ผล! ขอบคุณมากสำหรับความช่วยเหลือและเวลาของคุณ ฉันซาบซึ้งจริงๆ!
JammerLea

1

สิ่งนี้ใช้ได้กับฉัน แต่ฉันไม่แน่ใจว่ามันจะใช้งานได้ดีสำหรับคุณหรือไม่ให้วาง:

{block:HasTags}
       {block:Tags}
          <a href="{TagURL}">{Tag}</a>
       {/block:Tags}
    {/block:HasTags}

{/block:Posts}

หลังจากเปิดแท็ก notec แล้วดังนั้น{block:PostNotes} จึงมีลักษณะเล็ก ๆ น้อย ๆ เช่น:

{block:PostNotes}
{block:HasTags}
       {block:Tags}
          <a href="{TagURL}">{Tag}</a>
       {/block:Tags}
    {/block:HasTags}

{/block:Posts}<center>{block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
{block:ContentSource}posted by <a href="{SourceURL}">{SourceLink}</a></br>{/block:ContentSource}</center>
{PostNotes}
{/block:PostNotes}

สิ่งนี้ควรตรวจสอบให้แน่ใจว่าแท็กแสดงอยู่ภายในกล่องโพสต์


1

วางไว้ด้านล่าง{block:post}แทนด้านขวาเหนือ{/block:post}

ดังนั้น...

{block:post}

{block:HasTags}
          {block:Tags}
              <a href="{TagURL}">{Tag}</a>
          {/block:Tags}
{/block:HasTags}

(all the different types of posts}
{/block:post}
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.