【问题标题】:Wordpress news like event sliderWordPress 新闻,如事件滑块
【发布时间】:2015-12-02 19:28:49
【问题描述】:

我想做这样的事情 - 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>

【问题讨论】:

    标签: javascript php jquery css wordpress


    【解决方案1】:

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

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

    【讨论】:

    • 您可以使用 update_post_meta 和 delete_post_meta 等函数来做到这一点。然后您可以通过函数 get_post_meta 获取帖子元数据。您还可以使用高级自定义字段等插件,您可以在帖子编辑器中更新和删除帖子元数据。
    猜你喜欢
    • 2014-05-29
    • 2012-05-23
    • 1970-01-01
    • 1970-01-01
    • 2019-09-12
    • 2018-08-22
    • 1970-01-01
    • 1970-01-01
    • 2013-01-31
    相关资源
    最近更新 更多