web-dev-qa-db-ja.com

WordPress注目の投稿スライダー

さて、私はWordPressでクライアントプロジェクトをほぼ完成させましたが、壁にぶつかりました。私はjQueryがあまり得意ではありません(そして彼らが探しているものを達成するためのプラグインをまだ見つけていません)。クライアントは、5つのカテゴリから注目の投稿を引き出す、ホームページ上の自動スライダーを望んでいます。私は彼らが望む「外観」を達成するためにプラグインのためにネットを精査しました、しかし無駄に。

問題の外観はこちら で見ることができます

誰もがこれに取り組む方法を知っていますか?

1
Louis Stephens

スライダープラグインがいくつかあるにもかかわらず、これはおそらくあなたがしなければならないそれらの事柄のうちの1つです、それらはカスタマイズするのが難しいです。

Jqueryスライダーを使うのはとても簡単です、それらは通常IDとCLASSのもので制御されるだけなので、あなたはどんなWordPressコード、例えばwp_query(注目の投稿用)をラップすることができます。

toschoの答えはほとんどそれをカバーしています、私はJquery Toolsをよく使う傾向があります。 http://flowplayer.org/tools/index.html

2
Wyck

WordPress用の AnythingSlider プラグインを調べてください。あなたがそれをする必要があるすべてをするべきです。

2
Jacob

これを行うには、 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を含めることができ、キーボードユーザーにも使用可能で、幅のパーセンテージに収まるスライダが表示されます。

1
fuxia