Benutzerdefinierter Post-Typ-Schieberegler

Lesezeit: 2 Minuten

Ich habe gesucht und gesucht, aber ich kann kein WordPress-Plugin finden, das mir ALLE folgenden Funktionen bietet, die in einem Slider verfügbar sind:

  • Benutzerdefinierte Beiträge eines benutzerdefinierten Beitragstyps anzeigen, den ich selbst entwickelt habe – – zeigt ausgewähltes Bild, Titel und Auszug an (kein vollständiger Beitrag)
  • Anzeige in zufälliger Reihenfolge – aus einer Liste von Hunderten von benutzerdefinierten Beiträgen dieses Typs
  • Responsiv, passt sich also der Bildschirm-/Containergröße an

Bilder und Ausschnitte haben unterschiedliche Größen.

Als Bonus möchte ich auch einige benutzerdefinierte Taxonomienamen anzeigen, die mit den Posts verbunden sind, obwohl das nicht so wichtig ist.

Ich habe solche gefunden, die alles tun, außer dass sie als Option in zufälliger Reihenfolge angezeigt werden, oder sie reagieren nicht, oder sie unterstützen keine benutzerdefinierten Beitragstypen, oder sie erwarten, dass Sie einen neuen benutzerdefinierten Beitragstyp eines bestimmten Typs erstellen, der vom Plugin angegeben wird .

Es macht mir nichts aus, für das Richtige zu bezahlen, wenn es da draußen ist.

Es gibt einen tollen Slider von woothemes namens Flexgleiter Ich persönlich verwende es auf allen meinen Seiten und Sie können es ohne Plugin verwenden. Laden Sie den Slider von diesem Link herunter, den ich bereitgestellt habe.

Kopiere das flexslider.css Datei und jquery.flexslider-min.js Datei in Ihren Themenordner.

in deiner header.php

    <link rel="stylesheet" href="https://stackoverflow.com/questions/23180837/<YOUR_THEME_LINK>/flexslider.css" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="<YOUR_THEME_LINK>/jquery.flexslider-min.js"></script>
<script type="text/javascript">(function($) {
    $(window).load(function() {
        $('#slider .flexslider').flexslider({
               animation: 'slide',
                slideshowSpeed: 9000,
                animationSpeed: 900,
                pauseOnAction: true,
                pauseOnHover: true,
                controlNav: false,
                directionNav: true, 
                controlsContainer: ".flexslider",
        });
    });
})(jQuery)</script>

in deiner Startseite Datei (oder überall dort, wo der Schieberegler angezeigt werden soll)

<section id="slider">
      <div class="flexslider">
        <ul class="slides">
        <?php query_posts(array('post_type' => '<YOUR_CUSTOM_POST_TYPE>','orderby' => 'rand')); if(have_posts()) : while(have_posts()) : the_post();?>
            <li class="slide">
            <?php the_title(); ?>
            <?php the_excerpt(); ?>
            <?php the_post_thumbnail(); ?>
          </li>
        <?php endwhile; endif; wp_reset_query(); ?>
        </ul>
    </div>
</section>

  • VIELEN Dank Mark – es hat wie ein Traum funktioniert. Ich konnte es selbst so gestalten, dass es wie die anderen Teile der Website aussah, und ich konnte alle benutzerdefinierten Taxonomieinformationen hinzufügen, die ich benötigte. Das einzige, was ich zusätzlich zu Ihren Anweisungen tun musste, war, das Schriftartenverzeichnis zu kopieren und die .css-Datei zu aktualisieren, um sie für die Navigationspfeile zu finden.

    – BrianM

    21. April 2014 um 12:01 Uhr

1283970cookie-checkBenutzerdefinierter Post-Typ-Schieberegler

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy