slick silderをワードプレステーマに追加するには

Question

私は自分のワードプレステーマに滑らかなスライダーを使用しようとしていて、まったく動作しません。私が見ることができる唯一のものは、2つのタイトルと2つの説明を持つ2つの画像です。なぜスライダーが全く働いていないのか教えていただけますか？

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>]'); ?>