Как добавить сликер в тему WordPress

Question

Я пытаюсь использовать скользящий слайдер в моей теме WordPress, и он не работает вообще. Единственное, что я мог видеть, это два изображения с двумя заголовками и двумя описаниями. не могли бы вы сказать мне, почему слайдер не работает вообще?

function.php

 function cardiff_slick_slider() {
        wp_register_style( 'cardiff-slick', get_stylesheet_uri().'/assets/plugins/slick/slick.css',  'all' );
        wp_register_style( 'cardiff-slick-theme', get_stylesheet_uri().'/assets/plugins/slick/slick-theme.css', 'all' );
        wp_register_script( 'cardif-slick-init', get_stylesheet_directory_uri() . '/assets/js/slick-init.js', array('slickjs'));
        wp_register_script('cardiff-slick-slider', get_stylesheet_directory_uri() . 'assets/plugins/slick/slick.js', array('jquery'), '', true );
        wp_enqueue_style( 'cardiff-slick' );
        wp_enqueue_style( 'cardiff-slick-theme' );
        wp_enqueue_script ('cardiff-slick-slider');
        wp_enqueue_script ('cardiff-slick-init');
    }
    add_action( 'wp_enqueue_scripts', 'cardiff_slick_slider');

Это мой index.php, где я получил необходимые данные с помощью пользовательских типов записей.

    this is my index.php
    $args=array('post_type'=>'slider');
    $loop=new WP_Query($args);
    if($loop->have_posts()):?>
         <section class="bailboard">
              <div class="main-slider">
                  <?php while($loop->have_posts()):$loop->the_post();?>
                            <div class="slider-item">
                                <div class="slider-content">
                                    <div class="container">
                                        <div class="headlines">
                                            <h1><?php the_title();?></h1>
                                            <div class="row">
                                                <div class="col-sm-8 col-sm-offset-2">
                                                    <p><?php the_content();?></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <?php the_post_thumbnail(); ?>
                            </div>
                        <?php
                        endwhile;
                  ?>
               </div>
         </section>

        <?php
             else:
        echo'<p>No Content Found</p>';
    endif;

Answer 1

Вы можете использовать этот плагин для этого:

https://wordpress.org/plugins/wp-slick-slider-and-image-carousel/

Если вы хотите интегрировать в код, используйте do_shortcode() функция.

  <?php  echo do_shortcode( '[slick-slider <design code>]' ); ?>

Для карусели-слайдера,

<?php echo do_shortcode( '[slick-carousel-slider <design code>]' ); ?>