Tumblr Légendes

Question

Question sur le codage tumblr. Est-il possible d'entrer dans le code HTML d'un thème donné et d'insérer une légende qui apparaîtra sur chaque photo/vidéo/audio/texte? Cela inclut les anciens messages ainsi que les messages futurs.

Answer 1

Je pensais qu'il pourrait être utile d'ajouter une réponse détaillée au cas où quelqu'un serait intéressé de voir quelques exemples de code. Spécifiquement pour les photos, car c'est utile. En utilisant le thème Optica par défaut comme exemple (les autres thèmes seront différents, mais c'est un bon aperçu), les différents types de post (texte/photo/etc) sont affichés dans les balises {block: Posts}.

{block:Posts} 
    ... lots of code to render all the different post types is in here... 
{/block:Posts} 

Pour les messages photo (vous pouvez faire quelque chose de similaire pour les autres types de poste que vous désirez), si vous voulez ajouter un texte de légende en dessous de chaque photo sur votre page, vous pouvez ajouter du texte à l'intérieur du {bloc: Légende } balises (voir * * *):

{block:Photo} 
    <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}"> 
     <div class="photo-wrapper"> 
      <div class="photo-wrapper-inner"> 
       {LinkOpenTag} 
        <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}"> 
       {LinkCloseTag} 
      </div> 
     </div> 

     {block:Caption} 
      <figcaption class="caption"> 
       <!--{Caption}--> 

       * * * Hello, this is my new caption text * * * 
      </figcaption> 
     {/block:Caption} 
    </figure> 
{/block:Photo} 

Vous pouvez également masquer tout texte de légende existante que l'auteur du message peut avoir ajouté en commentant la {légende} ligne comme je l'ai indiqué dans l'exemple ci-dessus. Alternativement, si vous voulez que la légende apparaisse sur chaque type de publication quoi qu'il arrive, vous pouvez essayer de placer le texte juste au-dessus de la balise de fermeture {/ block: Posts}, puis de la déplacer dans différentes sections div jusqu'à ce que il se trouve là où vous le voulez.