javascript - WordPress 新闻如事件 slider

Question

我想做类似的事情 - /image/RsDpR.jpg

我只有显示 6 个帖子的功能，但我不知道如何将内容显示为照片。

function six_images_slider() {
    $args = array('numberposts' => 18, 'category'  => 22);
    $recent_posts = wp_get_recent_posts( $args );
    $i = 1;
    $output = '<div class="slide">';
    foreach ($recent_posts as $post) {
        $featured_permalink = get_permalink($post['ID']);
        $featured_title = get_the_title($post['ID']);
        $featured_date = get_the_time('d.m.Y');
        $featured_image_src = wp_get_attachment_url( get_post_thumbnail_id($post['ID'] ) );
        if ($i == 1) {
            $output .= '<div class="col-6  border-l-r">
                        <big class="white">30</big>
                        <br /><span class="font-m cream">SIERPIEŃ</span>
                    </div>';
        }
        $output .= '';
        if ($i == 6) {
            $output .= ' </div>';
            $i = 0;
        }
        $i++;
    }
    $output .= '</div>';
    echo $output;
}

我使用光滑的 slider 来滑动下一条新闻等这是整个页面的代码:

<section id="wydarzenia" class="page">
    <h2>O nas</h2>
    <h1>Na Lato Day & Night</h1>
    <p>content hover news</p>
    <article>

        <?php six_image_slider(); ?>

    </article>
</section>

Answer 1

您分享的链接采取了一条非常不同且有效的路线。如果您仔细观察，会发现按“下一步”按钮后，网址会发生变化，并且需要一秒钟才能加载新页面。这意味着，它不使用图像 slider ，并且每个帖子都有自己的评论和描述。我不认为它是建立在 wordpress 上的，但是如果你想制作像这个 wordpress 这样的东西，那么它比你想象的要简单得多。WordPress 执行此类操作的方式如下。

您需要创建一个自定义帖子类型，并将其命名为“画廊”之类的名称。现在，该图库中的每个帖子都将具有内容区域，您可以在其中添加图像和图像的详细信息，并且它将包含与该帖子相关的评论。现在，您还可以在图库内创建类别，并且每个帖子都将链接到一个图库。现在，当您查看帖子时，它将有一个下一个按钮，该按钮将链接到同一类别的下一篇帖子。 这种方式更加高效、易于管理并且速度更快:)