Care este un bun plugin jQuery pentru slider de conținut?

Știu că ai spus că cauți un plugin pentru WordPress, dar majoritatea sliderelor de conținut sunt foarte ușor de adăugat manual și vor fi mult mai puțin încărcate, deoarece trebuie să adaugi doar funcționalitățile pe care dorești să le folosești. Voi oferi câteva opțiuni:

JQuery Cycle (departe cel mai simplu pentru imagini)

Eu folosesc aceasta pentru imagini și am scris un shortcode pentru a putea fi adăugat ușor în postări, pagini sau widget-uri. Pentru a utiliza, adaugă clasa div și shortcode-urile pentru imagini:

<div class="slideshow"> [slideimage name=numele-imaginii-încărcate-în-media] [slideimage name=numele-următoarei-imagini] </div> (Acest lucru va funcționa doar pentru .jpg-uri. Dacă dorești să folosești .png, schimbă extensia în 'png' în funcția shortcode)

În footer.php, doar apelează cycle.js pe care îl descarci de la http://jquery.malsup.com/cycle/download.html și adaugă acest cod între tag-urile script sau în fișierul tău js principal:

jQuery(function() { jQuery('.slideshow').cycle(); });

function slideimage_shortcode($atts, $content = null) {
    extract( shortcode_atts( array(
    'name' => '',
    'ext' => 'jpg',
    'path' => '/wp-content/uploads/',
    'url' => ''
    ), $atts ) );
    $file=ABSPATH."$path$name.$ext";
    if (file_exists($file)) {
        $size=getimagesize($file);
        if ($size!==false) $size=$size[3];
        $output = "<img src='".get_option('siteurl')."$path$name.$ext'   $size alt='$name' />";
        if ($url) $output = "<a href='$url' title='$name'>".$output.'</a>';
        return $output;
    }
    else {
        trigger_error("'$path$name.$ext' imaginea nu a fost găsită", E_USER_WARNING);
        return '';
    }
}
add_shortcode('slideimage','slideimage_shortcode');

Pentru Slider-uri care conțin postări, HTML, sau aproape orice, eu folosesc JQuery Tools Scrollable http://flowplayer.org/tools/scrollable/index.html

Instrucțiunile de pe site-ul jQuery Tools sunt foarte bine scrise și, în esență, învelești slider-ul într-un div, apoi postările individuale sau elementele sunt învelite într-un alt div în interiorul celui principal.

Trebuie să apelezi plugin-ul js în footer-ul tău și să adaugi funcția în fișierul tău js principal sau între tag-urile script: jQuery(function() { jQuery(".scrollable").scrollable({vertical:true,mousewheel:false}); });

EDIT: Adaugă query pentru postări după categorie în orice fișier de template pentru a permite utilizatorului final să adauge postări în slider.

Următorul cod ar adăuga orice postări din categoria 8 în slider:

<div id="slider">
  <?php query_posts('post_type=post&order=asc&cat=8'); ?>

        <div id="actions">
    <a class="prev">&laquo; Înapoi</a>
    <a class="next">Mai mult &raquo;</a>
</div>

  <div class="scrollable">
   <div class="items">
 <?php while (have_posts()) : the_post(); ?>
 <div>
 <?php the_content(); ?>
 </div>
<?php endwhile;?>
</div>
                </div>

            </div>

Pentru a face întreaga configurare mai asemănătoare cu un Plugin, înregistrează și încarcă jquery tools în functions.php

<?php
if ( !is_admin() ) { // instrucțiune pentru a încărca doar dacă nu este zona de administrare
   // înregistrează locația scriptului, dependențele și versiunea
   wp_register_script('jquerytools',
       http://cdn.jquerytools.org/1.2.4/all/jquery.tools.min.js',
       array('jquery'),
       '1.4.2' );
   // încarcă scriptul
   wp_enqueue_script('jquerytools');
}
?>

Acum adaugă o altă funcție pentru a adăuga configurația slider-ului:

// adaugă configurația jquery tools în footer
function add_jquerytools_config() {
    echo '<script type="text/javascript">';
    echo 'jQuery(document).ready(function($) {';
        echo '$(".slider").scrollable({circular:true}).autoscroll(8000);';
        echo '$(".scrollable").scrollable({vertical:false,mousewheel:false});});';
    echo '</script>';
}
add_action('wp_footer', 'add_jquerytools_config');

Am fost foarte mulțumit de jcarousel. Funcționează excelent, este ușor de utilizat și are câteva funcționalități interesante.

Dezvăluire completă, sunt pe punctul de a recomanda un plugin jQuery pe care l-am dezvoltat. - Nu este un plugin WordPress (deși lucrez la asta), dar poate fi utilizat eficient pentru ceea ce sugerezi (de fapt, utilizarea pe care o sugerezi a fost motivul principal pentru care l-am dezvoltat).

Folosesc Basic jQuery Slider (http://www.basic-slider.com) pentru site-urile WordPress ale clienților mei, în combinație cu pluginul OptionTree (http://wordpress.org/extend/plugins/option-tree/) pentru a crea slide-uri cu articole/conținut recomandat.

Basic jQuery Slider vă permite să folosiți orice marcaj doriți în slide-uri, așa că este perfect pentru a crea un slider cu articole/conținut recomandat, care să includă o imagine, un titlu, un fragment de text etc. Pentru a permite utilizatorului să gestioneze conținutul slide-urilor, folosesc OptionTree, cu un simplu câmp de selectare pentru fiecare slide, care conține toate paginile/articolele existente în site. Tot ce trebuie să faci este să configurezi slider-ul în șabloanele tale, extragând piesele relevante de conținut din articolele pe care utilizatorul le-a selectat. Alternativ, poți permite utilizatorului să selecteze o categorie, etichetă etc. și să incluzi conținut pentru slider pe baza acesteia.

De asemenea, folosind această combinație, este posibil să creezi și să gestionezi mai multe slider-e pe site-ul tău.

În prezent lucrez la transformarea acestui concept într-un plugin WordPress complet (și gratuit).

Sper că acest lucru te ajută și nu a fost prea auto-promoțional :)