0

这里有一个非常特殊的问题：

我一直在本地开发一个 tumblr 托管网站，使用 API 来拉入帖子，而无需将项目复制并粘贴到 tumblr 中一百万次。我决定我更喜欢 API 并且只会在生产中使用它，但是现在是部署的时候了，我意识到我必须回到自定义主题、{block:Posts}方法。

我将帖子输入Cycle2幻灯片，其中 3 张幻灯片包含 3 个帖子，每张幻灯片共有 9 个播放列表可查看，无需返回存档。此方法与 api 完美配合，但在自定义主题中变得混乱。这是我当前的代码：

<div class="cycle-slideshow">
    {block:Posts}
    {block:Text}

    <div class="slide-wrapper">
        <div class="post">
            {block:Post1}
            {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
            <div class="blog_item">
                {Body}
            </div>

            {/block:Post1}
        </div>  
        <!--two more posts before end of slide... -->
    </div>

    {/block:Text}
    {/block:Posts}
    </div> <!--end of slide wrapper - 2 more of these before end of slideshow div..

我也尝试取消帖子编号，但仍然没有骰子。在 tumblr 的文档中，他们说

示例：{block:Post5}我是第五个帖子！{/block:Post5} 只会在显示的第五个帖子上呈现。

我想知道“正在显示”是否指visibility的是帖子的 html，如果是这样，是否会干扰循环插件？结果是每张幻灯片有一个格式错误的帖子，然后在循环浏览 2 张空白幻灯片后，下一个最旧的帖子将取代它。如果有人遇到过类似的问题，我会感到惊喜，但我会寻求一些建议。这是供参考的开发站点（第二个轮播正在工作，因为它仍然连接到 api）。谢谢！！

4

1 回答 1

1

一般来说，下面的代码是你想要的 3 个幻灯片，每个幻灯片有 3 个帖子。

请注意，在自定义屏幕上的附加设置中，您必须将帖子计数设置为每页 9条才能正常工作。我将它包裹在一个块中，否则这在.Index PagePermalink Page

{block:IndexPage}
{block:Posts}
    {block:Post1}<div class="cycle-slideshow">{/block:Post1}
    {block:Post4}<div class="cycle-slideshow">{/block:Post4}
    {block:Post7}<div class="cycle-slideshow">{/block:Post7}

    <div class="slide-wrapper">

         {block:Text}
         <div class="post">
           {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
           <div class="blog_item">
               {Body}
           </div>
         </div>  
         {/block:Text}

        {block:Photo}
             ...
        {/block:Photo}

        ...

    </div>

    {block:Post3}</div>{/block:Post3}
    {block:Post6}</div>{/block:Post6}
    {block:Post9}</div>{/block:Post9}
{/block:Posts}
{/block:IndexPage}

但是，如果您想要 3 个幻灯片，其中帖子类型在幻灯片之间拆分，则代码看起来更像以下内容。

请注意，在这种情况下，如果您有 9 个文本帖子中的 4 个，则所有 4 个文本帖子都将最终出现在Text幻灯片中。如果您对 3.

{block:IndexPage}
    <div class="cycle-slideshow">
    {block:Posts}
         {block:Text}
         <div class="slide-wrapper">
         <div class="post">
           {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
           <div class="blog_item">
               {Body}
           </div>
         </div>  
         </div>
         {/block:Text}
    {/block:Posts}
    </div>

    <div class="cycle-slideshow">
    {block:Posts}
         {block:Photo}
         <div class="slide-wrapper">
             ...
         </div>
         {/block:Photo}
    {/block:Posts}
    </div>
{/block:IndexPage}

如果您需要我澄清任何事情，请告诉我。

于 2013-10-07T16:47:37.737 回答