Tumblr字幕

Question

有关tumblr编码的问题。是否可以进入给定主题的HTML并插入将出现在每个照片/视频/音频/文本帖子上的标题？这包括旧帖子以及未来的帖子。

Answer 1

我认为如果有人有兴趣看一些代码示例，可能会添加一个详细的答案。特别是对于照片帖子，因为这是一个有用的。

使用默认的Optica主题作为示例（其他主题会有所不同，但这是一个很好的概述），不同的帖子类型（文本/照片/等）在{block：Posts}标签中呈现。

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

对于照片帖子（您可以根据需要为其他帖子类型执行类似操作），如果您想在页面上的每张照片下方添加一些标题文本，您可以在{block：Caption}标签内添加文字（请参阅* * *）：

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

您还可以通过注释{caption}行来隐藏帖子作者可能添加的任何现有标题文本，如上例所示。

或者，如果您确实希望标题出现在每个帖子类型上，无论如何，您可以尝试将文本放在结束{/ block：Posts}标记的正上方，然后将其移动到不同的div部分，直到它坐在你想要的地方。