Tumblrのキャプション

Question

tumblrのコーディングに関する質問。特定のテーマのHTMLに入り、すべての写真/ビデオ/オーディオ/テキスト投稿に表示されるキャプションを挿入することは可能ですか？これには、古い投稿と将来の投稿が含まれます。

Answer 1

私は、誰かがいくつかのコード例を見ることに興味がある場合に備えて詳細な回答を追加すると便利かもしれないと思った。これは有用なものなので、特に写真の投稿のために。

デフォルトのOpticaテーマを例として（他のテーマは異なりますが、これは概観です）、さまざまな投稿タイプ（テキスト/写真/ etc）が{block：Posts}タグ内に表示されます。写真の投稿については

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

（あなたが望むとおりに他のポストタイプのために類似した何かを行うことができます）、あなたはあなたのページの各写真の下にいくつかのキャプションテキストを追加したい場合は、{ブロック内のテキストを追加することができます。キャプション}タグ（* * *を参照）：

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

あなたはまた、投稿者は、私は上記の例に示したように{キャプション}行をコメントアウトすることによって追加した可能性のある既存のキャプションテキストを隠すことができます。

また、どのような投稿タイプにもキャプションを表示したい場合は、閉じる{/ block：Posts}タグのすぐ上にテキストを配置し、別のdivセクションに移動するまで試すことができますあなたが望む場所に座っています。