像事件滑块一样的Wordpress新闻

时间:2015-12-02 10:04:33

标签: javascript php jquery css wordpress

我想做类似的事情 - http://imgur.com/kCgH0Jf

我只能显示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;
}

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

<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>

1 个答案:

答案 0 :(得分:0)

您分享的链接采用了非常不同且有效的路线。仔细观察,按下下一个按钮,网址会发生变化,加载新页面需要一秒钟。这意味着,它不使用图像滑块,每个帖子都有自己的注释和描述。我不认为它建立在wordpress上,但是如果你想制作类似这个wordpress的东西,那么它就比你想象的要简单得多。 做这样的事情的wordpress方式如下。

您需要创建自定义帖子类型,并将其称为类似图库的内容。现在,该图库中的每个帖子都有内容区域,您可以在其中添加图像和图像的详细信息,并且它将包含与该帖子相关的评论。现在,您还可以在图库中创建类别,每个帖子都会链接到图库。现在,当您查看帖子时,它将有一个下一个按钮,该按钮将链接到同一类别的下一个帖子。 这种方式更有效,可管理,更快捷。)