Question

我没有找到足够的资源来了解 owl carousel WordPress插件。如果你知道请解释。

Answer 1

我会得到图片网址，只需循环遍历While循环（或循环）中的帖子实例 - 基本上是获取帖子资源的基本循环。

我正在使用工具集插件并使用所述循环调用所需的元素。

<ul class="attributes">
            <?php
                $values = array( 
                    // 'author_name' => 'author',
                    'post_type' => 'attribute',
                    'orderby' => 'id'
                );

                $query = new WP_Query( $values );

                if ( $query->have_posts() ) : 
                    while ( $query->have_posts() ) : $query->the_post();
                $name = get_post_meta($post->ID, 'wpcf-value-name', true);
            ?>

            <li>
                <div class="values-content">
                    <div class="title">
                        <p><?php echo $name; ?></p>
                    </div>
                    <div class="text">
                        <p><?php echo get_post_meta($post->ID, 'wpcf-value-text', true); ?></p>
                    </div>
                    <div class="icon">
                        <?php $icons = get_post_meta($post->ID, 'wpcf-value-icon', true); ?>
                        <img src="<?php echo $icons; ?>" alt="<?php echo $name; ?>">
                    </div>
                </div>
            </li>

            <?php endwhile; else: ?>
                <p>Sorry, there are no posts to display</p>
            <?php endif; ?>
        </ul>

如果您需要任何帮助，请告诉我。如果你决定坚持使用插件，那很好，但我不熟悉它:)我在jQuery中调用'attributes'类名：

// carousel for about page values   
jQuery(".attributes").owlCarousel({
    autoWidth: true,
    items: 1
});

如何使用owl carousel WordPress插件？

1 个答案: