WordPress提供Post Slider功能

时间:2011-04-24 作者:Louis Stephens

好的,我几乎完成了WordPress中的一个客户项目,但我遇到了麻烦。我对jQuery不是很在行(而且我还没有找到一个插件来实现他们想要的东西)。客户希望主页上有一个自动滑动条,可以从五个类别中提取特色帖子。我在网上搜寻插件,以获得他们想要的“外观”,但没有结果。

可以看到有问题的外观here.

有人知道怎么做吗?

3 个回复
最合适的回答,由SO网友:Wyck 整理而成

这是你可能必须自己做的事情之一,即使有一些滑块插件,它们也很难定制。

使用jquery滑块非常简单,它们通常只由ID和类控制,因此您可以包装任何WordPress代码,例如wp\\U查询(用于特色帖子)。

toscho的回答几乎涵盖了这一点,我倾向于大量使用Jquery工具,因为它有很棒的文档和大量的功能,http://flowplayer.org/tools/index.html

SO网友:Jacob

查看AnythingSlider for WordPress 插件。应该做你需要做的一切。

SO网友:fuxia

我使用了Anything Slider 这样做。已将复选框添加到帖子编辑器…

enter image description here

…以及稍后的简单查询…

// excerpt from my slider class
public function list_slider_items()
{
    $posts = get_posts(
        array(
            \'meta_key\' => \'featuredpost\'
        ,   \'meta_value\' => \'on\'
        )
    );

    if ( empty ( $posts ) or ! is_array( $posts ) )
    {
        print \'<!-- no posts found -->\';
        return;
    }

    $out = \'<ul id=slider class=noprint>\';

    foreach ( $posts as $post )
    {
        $out .= \'<li>\' . get_the_post_thumbnail( $post->ID, \'slider-img\' )
            . \'<span class="slider-cat-list">\'
            . get_the_category_list( \' · \', \'single\', $post->ID )
            . \'</span>\'
            . \'<h2><a href="\' . get_permalink( $post->ID ) . \'">\'
            . get_the_title( $post->ID )
            . \' <span class=more-link>Weiterlesen</span></a></h2></li>\';
    }

    print $out . \'</ul>\';
}
…就快完成了。

您必须非常调整样式表。真是一团糟。但最终你会得到一个滑块,它可以包含任何HTML,可供键盘用户使用,并且适合一定的宽度。

结束

相关推荐

如何按需激活jQuery/脚本?

我试图使用jQuery显示Wordpress页面的评论部分,但不要求jQuery出现在所有允许评论的页面上。基本上,我需要以下内容:“视图中”jQuery插件的通用javascript实现(http://remysharp.com/2009/01/26/element-in-view-event-plugin/)当包含注释的div出现时,激活jQuery(核心)的一种方法这将加载jQuery,而jQuery又将加载页面的注释部分,但只有当该部分在浏览器视口中可见时才会加载。问题似乎是我真的无法使用“wp\