web-dev-qa-db-fra.com

WordPress Featured Post Slider

Bon, j'ai presque fini un projet client dans WordPress, mais je me suis heurté à un mur. Je ne suis pas très bon avec jQuery (et je n'ai pas encore trouvé de plugin pour réaliser ce qu'ils recherchent). Le client souhaite un curseur automatique sur la page d'accueil qui extrait les articles en vedette de leurs cinq catégories. J'ai parcouru le net pour que les plugins obtiennent le "look" qu'ils veulent, mais en vain.

Le look en question peut être vu ici .

Est-ce que quelqu'un sait comment s'y prendre?

jqueryslideshow
1
Louis Stephens

C’est l’une de ces choses que vous devez probablement faire vous-même, même s’il existe des plug-ins à curseur, qui sont difficiles à personnaliser.

L'utilisation d'un curseur jQuery est assez simple, ils sont généralement simplement contrôlés par des ID et des CLASSES, vous pouvez donc envelopper n'importe quel code WordPress, par exemple un wp_query (pour les articles en vedette).

la réponse de toscho couvre à peu près tout, j’ai tendance à utiliser beaucoup Jquery Tools car il a une excellente documentation et des tonnes de fonctionnalités, http://flowplayer.org/tools/index.html

2
Wyck

Découvrez le plugin AnythingSlider pour WordPress . Devrait faire tout ce que vous avez besoin de faire.

2
Jacob

J'ai utilisé le curseur Anything pour le faire. Une case à cocher ajoutée à l'éditeur de publication…

enter image description here

… Et une requête simple plus tard…

// 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>';
}

… Et c'est presque fini.

Vous devez tordre beaucoup la feuille de style. C'est le bordel. Mais à la fin, vous obtenez un curseur qui peut contenir n’importe quel code HTML, qui est utilisable par les utilisateurs de clavier et qui correspond à un pourcentage de largeur.

1
fuxia