Как добавить slick silder в тему 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>]'); ?>