0

ここで非常に特殊な問題が発生しました:

私は tumblr でホストされるサイトをローカルで開発してきました。プロジェクトを tumblr に何百万回もコピー アンド ペーストすることなく、API を使用して投稿を取り込みます。私は API の方が好きで、それを本番環境で使用することに決めましたが、デプロイする時が来たので、カスタム テーマである{block:Posts}メソッドに戻らなければならないことに気付きました。

投稿をCycle2スライドショーに送り込み、アーカイブに戻らずに合計 9 つのプレイリストを表示できるように、それぞれ 3 つの投稿を含む 3 つのスライドを使用します。このメソッドは 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}私は 5 番目の投稿です!{/block:Post5} は、表示されている 5 番目の投稿でのみレンダリングされます。

「表示されている」というのは投稿のhtmlvisibilityを指しているのでしょうか、もしそうなら、サイクルプラグインに干渉しているのでしょうか？その結果、スライドごとに 1 つの不適切な形式の投稿が発生し、2 つの空白のスライドを循環した後、次に古い投稿が代わりに表示されます。誰かが同様の問題を抱えたことがあるなら、私は嬉しい驚きを覚えるでしょうが、私はいくつかのアドバイスを求めて殺します. 参照用の開発サイトは次のとおりです (2 つ目のカルーセルは、まだ API に接続されているため動作しています)。ありがとう！！

4

1 に答える 1

1

一般的に言えば、次のコードは、それぞれ 3 つの投稿を含む 3 つのスライドショーが必要なコードです。

これを正しく機能させるには、カスタマイズ画面の追加設定で、投稿数を1 ページあたり 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 に答える