Las etiquetas de Tumblr se muestran debajo de las publicaciones en lugar de dentro del cuadro


10

Edité un diseño de Tumblr para mostrar etiquetas en cada publicación, pero por alguna razón las etiquetas se muestran debajo de los cuadros de publicación, y justo encima de la siguiente publicación.

El código que tengo para el diseño es el siguiente (truncado):

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

Parece que no puedo entender cómo / dónde editar el tema para que las etiquetas se muestren dentro del contenedor de la publicación y no floten afuera y en la siguiente publicación.

Respuestas:


5

Puede ser tedioso, pero parece que tendrá que incluir el HasTagsbloque en cada uno de los tipos de sección.

Comenzando con el primero, terminarás con esto:

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

Donde lo tiene actualmente aparece justo antes {/block:Posts}, cámbielo para que sea justo antes del cierre, </li>que parece ser el estilo de sus contenedores de correos.

No olvides eliminar el bloque que aparece justo antes del cierre {/block:Posts}o verás aparecer las etiquetas dos veces.


Eso tiene sentido para mí, sin embargo, todavía no funciona. Me pregunto si hay algo más en la codificación que lo anula. Aquí está mi versión editada: pastebin.com/DsEdvxSY
JammerLea

Por cierto, solo para agregar, estaba ayudando a una amiga con el mismo problema en uno de sus diseños de tumblr y ese método funcionaba, pero tuve que colocarlo dentro de una codificación div. Solo para compartir lo que parecía, estoy demasiado cansado para analizar el cajero automático de codificación div. pastebin.com/8sdatk0V
JammerLea

Parece que en su plantilla tendrá que poner el código justo antes de la etiqueta que termina el bloque de estilo. @jam
Ocho días de malestar

... ¿Por qué no pensé en eso? ¡Si! ¡Eso funciono! Muchas gracias por su ayuda y tiempo. ¡Realmente lo aprecio!
JammerLea

1

esto funcionó conmigo, pero no estoy seguro de si funcionará igual para usted, pegue:

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

{/block:Posts}

justo después de la apertura de la etiqueta notecount, así que después {block:PostNotes} se ve algo así como:

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

Esto debería garantizar que las etiquetas se muestren dentro del buzón


1

Póngalo justo debajo del en {block:post}lugar de justo encima del{/block:post}

entonces...

{block:post}

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

(all the different types of posts}
{/block:post}
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.