Tumblr-Tags werden unter den Posts anstatt innerhalb der Box angezeigt


10

Ich habe ein Tumblr-Layout bearbeitet , um Tags für jeden Beitrag anzuzeigen, aber aus irgendeinem Grund werden die Tags unter den Postfächern und direkt über dem nächsten Beitrag angezeigt.

Der Code, den ich für das Layout habe, ist wie folgt (abgeschnitten):

{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}

Ich kann anscheinend nicht herausfinden, wie / wo das Thema bearbeitet werden soll, damit die Tags im Post-Container angezeigt werden und nicht außerhalb und in den nächsten Post schweben.

Antworten:


5

Es mag mühsam sein, aber es sieht so aus, als müssten Sie den HasTagsBlock in jeden der Abschnittsarten aufnehmen.

Beginnend mit dem ersten erhalten Sie Folgendes:

    {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}

Wenn Sie es gerade {/block:Posts}kurz zuvor </li>angezeigt haben , ändern Sie es so , dass es kurz vor dem Schließen angezeigt wird. Dies entspricht anscheinend Ihren Post-Container-Stilen.

Vergessen Sie nicht, den Block zu entfernen, der kurz vor dem Schließen angezeigt {/block:Posts}wird. Andernfalls werden die Tags zweimal angezeigt .


Das macht für mich Sinn, aber es funktioniert immer noch nicht. Ich frage mich, ob die Codierung noch etwas anderes enthält, das sie überschreibt. Hier ist meine bearbeitete Version: pastebin.com/DsEdvxSY
JammerLea

Übrigens, nur um hinzuzufügen, ich habe einer Freundin mit dem gleichen Problem bei einem ihrer Tumblr-Layouts geholfen, und diese Methode hat funktioniert, aber ich musste sie in eine Div-Codierung einfügen. Um zu teilen, wie das aussah, bin ich zu müde, um die Div-Codierung zu analysieren. pastebin.com/8sdatk0V
JammerLea

Sieht so aus, als müssten Sie in Ihrer Vorlage den Code direkt vor dem Tag einfügen, das den Stilblock beendet. @ Jam
Acht Tage

... warum habe ich nicht daran gedacht? Ja! Das hat funktioniert! Vielen Dank für Ihre Hilfe und Zeit. Ich weiß das wirklich zu schätzen!
JammerLea

1

Das hat bei mir funktioniert, aber ich bin mir nicht sicher, ob es bei Ihnen genauso funktioniert. Fügen Sie Folgendes ein:

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

{/block:Posts}

kurz nach dem Öffnen des Notecount-Tags {block:PostNotes} sieht es danach ungefähr so ​​aus :

{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}

Dadurch sollte sichergestellt werden, dass Tags im Postfach angezeigt werden


1

Stellen Sie es direkt unter das {block:post}statt direkt über das{/block:post}

damit...

{block:post}

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

(all the different types of posts}
{/block:post}
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.