glatter Schieberegler als benutzerdefinierter Beitragstyp

Ich habe HTML / CSS-Design einer Website erstellt, und jetzt muss ich es in WordPress konvertieren. Der Teil, an dem ich gerade arbeite, ist Slick-Schieberegler, der nur auf meiner WP-Startseite angezeigt wird. Es funktioniert tadellos in HTML (weil dort ich Javascript einschloss, das auf tatsächlicher glatter Sliderweb site gefunden werden konnte und durch 3 div Elemente mit Bildern eingeleitet wurde).

In WP functions.php habe ich hinzugefügt:

//Add slider add_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'slider', array( 'labels' => array( 'name' => __( 'Sliders' ), 'singular_name' => __( 'Slider' ), 'add_new' => 'Add new slide', ), 'public' => true, ) ); } ?> 

Ich habe auch Skripte und Styles wie diese (auch in functions.php) in die Warteschlange gestellt:

  //Enqueue scripts add_action('wp_enqueue_scripts', 'wp_enqueue_all_scripts', 999); function wp_enqueue_all_scripts(){ //add slick slider wp_register_style('slickcss', get_template_directory_uri()."/slick/slick.css" ); wp_register_style('slickcsstheme', get_template_directory_uri()."/slick/slick-theme.css" ); //load slick js wp_register_script('slickslider', get_template_directory_uri()."/slick/slick.min.js", array(jquery), '', true ); ////load slick initiate script wp_register_script( 'slickinit', get_template_directory_uri() . '/assets/js/slick-init.js'); // load slick on homepage if ( is_front_page() ) { wp_enqueue_style( 'slickcss' ); wp_enqueue_style( 'slickcsstheme' ); wp_enqueue_script ('slickslider'); wp_enqueue_script ('slickinit'); } } 

Ich habe slick.init in den js Ordner hinzugefügt und es sieht so aus:

  jQuery(document).ready(function($){ $('.featured-image-slider').slick({ //add CSS class of target infinite: true, slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, }) }); 

Ich habe front-page.php gemacht und den Code so eingegeben:

   array( 'slider' ), ); // The Query $query_slider = new WP_Query( $args ); // The Loop if ( $query_slider->have_posts() ) { echo '
'; while ( $query_slider->have_posts() ) { $query_slider->the_post(); echo '
'; the_post_thumbnail(); echo '
'; } echo '
'; } else { // no posts found } // Restore original Post Data wp_reset_postdata(); ?>

Wenn ich zu Schieberegler gehe -> Neue Folie in meinem Dashboard hinzufügen, wird die Folie nicht auf meiner Startseite angezeigt. Ich werde verrückt und würde wirklich Hilfe schätzen. Wie löse ich das, was mache ich falsch? Ich bin ein totaler Neuling und für das Leben von mir kann ich es selbst nicht lösen. Vielen Dank.

Solutions Collecting From Web of "glatter Schieberegler als benutzerdefinierter Beitragstyp"

Zuerst hast du array(jquery) statt array('jquery') . Und hat auch nicht die slickinit Enqueue-Position definiert. Also wird der richtige Code

  //Enqueue scripts add_action('wp_enqueue_scripts', 'wp_enqueue_all_scripts', 999); function wp_enqueue_all_scripts(){ //add slick slider wp_register_style('slickcss', get_template_directory_uri() . '/slick/slick.css' ); wp_register_style('slickcsstheme', get_template_directory_uri() . '/slick/slick-theme.css' ); //load slick js wp_register_script('slickslider', get_template_directory_uri() . '/slick/slick.min.js', array('jquery'), '', true ); ////load slick initiate script wp_register_script( 'slickinit', get_template_directory_uri() . '/assets/js/slick-init.js', array( 'jquery', 'slickslider' ) ); // load slick on homepage if ( is_front_page() ) { wp_enqueue_style( 'slickcss' ); wp_enqueue_style( 'slickcsstheme' ); wp_enqueue_script ('slickslider'); wp_enqueue_script ('slickinit'); } } 

Und auf deiner front-page.php versuche das-

 < ?php get_header(); ?> < ?php // WP_Query arguments $args = array ( 'post_type' => array( 'slider' ), ); // The Query $query_slider = new WP_Query( $args ); // The Loop if ( $query_slider->have_posts() ) { echo '
'; while ( $query_slider->have_posts() ) { $query_slider->the_post(); echo ''; } echo '
'; } else { // no posts found } // Restore original Post Data wp_reset_postdata(); ?> < ?php get_footer(); ?>

Hoffe, dass das Ding jetzt funktionieren wird.

Ich bin der Autor des WordPress-Plugins Slick Slider . Es verwandelt native WordPress-Galerien ( [gallery ids="x,y,z"] ) in Schieberegler, die den großartigen, von Ken Wheeler geschriebenen Schieberegler verwenden (den Sie ebenfalls implementieren).

Mit dem Plugin müssten Sie keine benutzerdefinierten Post-Typen verwenden. Versuche es.