Les balises Tumblr s'affichent sous les messages au lieu de l'intérieur de la boîte


10

J'ai modifié une mise en page Tumblr pour afficher les balises sur chaque message, mais pour une raison quelconque, les balises apparaissent sous les boîtes aux lettres et juste au-dessus du message suivant.

Le code que j'ai pour la mise en page est comme ci-dessous (tronqué):

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

Je n'arrive pas à comprendre comment / où modifier le thème afin que les balises apparaissent dans le conteneur de publication et ne flottent pas à l'extérieur et dans le prochain message.

Réponses:


5

Cela peut être fastidieux, mais il semble que vous devrez inclure le HasTagsbloc dans chacun des types de section.

En commençant par le premier, vous vous retrouverez avec ceci:

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

Où vous l'avez actuellement apparaît juste avant {/block:Posts}, changez-le juste avant la fermeture, </li>ce qui semble être le style de vos styles de conteneur de publication.

N'oubliez pas de supprimer le bloc qui apparaît juste avant la fermeture {/block:Posts}ou vous obtiendrez les balises deux fois.


Cela a du sens pour moi, cependant, cela ne fonctionne toujours pas. Je me demande s'il y a autre chose dans le codage qui l'emporte? Voici ma version éditée: pastebin.com/DsEdvxSY
JammerLea

Btw, juste pour ajouter, j'aidais une amie avec le même problème sur l'une de ses mises en page tumblr et cette méthode fonctionnait, mais je devais la placer dans un codage div. Juste pour partager à quoi cela ressemblait, je suis trop fatigué pour analyser l'atmosphère de codage div. pastebin.com/8sdatk0V
JammerLea

Il semble que dans votre modèle, vous devrez mettre le code juste avant la balise qui termine le bloc de style. @jam
Eight Days of Malaise

... pourquoi n'y ai-je pas pensé? Oui! Ça a marché! Merci beaucoup pour votre aide et votre temps. J'apprécie vraiment cela!
JammerLea

1

cela a fonctionné avec moi mais je ne sais pas si cela fonctionnera de la même manière pour vous, collez:

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

{/block:Posts}

juste après l'ouverture de la balise notecount, donc après {block:PostNotes} ça ressemble à un petit quelque chose comme:

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

cela devrait garantir que les balises sont affichées dans la boîte aux lettres


1

Mettez-le juste en dessous du {block:post}au lieu de juste au-dessus du{/block:post}

alors...

{block:post}

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

(all the different types of posts}
{/block:post}
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.