1

Wordpress で、ユーザーが指定したコンテンツをスライドするスライダーを作成しています。誰かがそれに精通している場合、私はACF（高度なカスタムフィールド）を使用していますが、私が達成しようとしているのは、jQueryスライダーをスライドさせながら、一度に2つのコンテンツアイテムを表示することです.

ここに私のループがあります:

<?php while(has_sub_field('popular_topic')): ?>
    <li>
        <div class="slide">
            <img src="<?php the_sub_field('popular_topic_image'); ?>" alt="" />
            <div class="img-wrapper"></div>
            <div class="slider-content">
                <?php 

                $len = 60;
                $popularTopicTitle = get_sub_field('popular_topic_title');

                $newContent = substr($popularTopicTitle, 0, $len); 
                if(strlen($newContent) < strlen($popularTopicTitle)) {
                    $newContent = $newContent.'...';
                }
                echo '<p>'.$newContent.'</p>';

                ?>
                <a class="more-arrow" href="<?php the_sub_field('popular_topic_link'); ?>">Read More</a>

            </div>
        </div>
    </li>

<?php endwhile; ?>

これは現在機能していますが、1 つのスライドしか表示されません。2 つのスライドと時間を表示したい。カウンターで何かできることはありますか？これは理にかなっていますか？

4

1 に答える 1

1

私の構文は少しずれているかもしれませんが、これを試してみてください。

<?php $i = 0; ?>
<?php while(has_sub_field('popular_topic')): ?>
    <?php
        $len = 60;
        $popularTopicTitle = get_sub_field('popular_topic_title');
        $newContent = substr($popularTopicTitle, 0, $len); 
        if(strlen($newContent) < strlen($popularTopicTitle)) {
            $newContent = $newContent.'...';
        }
        $contentVar[$i] = array (
            'img'   =>  the_sub_field('popular_topic_image'),
            'title' =>  $newContent,
            'link'  =>  the_sub_field('popular_topic_link')
        );
        $i++;
    ?>  
<?php endwhile; ?>
<?php $j = 0; ?>
<?php while ($j < $i) : ?>
<li>
    <div class="slide">
        <img src="<?php echo $contentVar[$j]['img']; ?>" alt="" />
        <div class="img-wrapper"></div>
        <div class="slider-content">
            <p><?php echo $contentVar[$j]['title']; ?></p>
            <a class="more-arrow" href="<?php echo $contentVar[$j]['link']; ?>">Read More</a>
        </div>
        <?php $j++; ?>
        <?php if ($j <= $i) : ?>
            <img src="<?php echo $contentVar[$j]['img']; ?>" alt="" />
            <div class="img-wrapper"></div>
            <div class="slider-content">
                <p><?php echo $contentVar[$j]['title']; ?></p>
                <a class="more-arrow" href="<?php echo $contentVar[$j]['link']; ?>">Read More</a>
            </div>
        <?php endif; ?>
    </div>
</li>
<?php $j++; ?>
<?php endwhile; ?>
于 2013-04-10T02:34:37.317 に答える