2016-11-18 185 views
0

我想在我的wordpress主題中使用光滑的滑塊,它根本不起作用。我能看到的唯一的事情是兩張圖片有兩個標題和兩個描述。你能告訴我滑塊爲什麼不起作用嗎?如何在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在那裏我自定義文章類型的幫助下得到了所需的數據。如果要融入一個代碼然後使用do_shortcode()功能

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

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; 
+0

光滑滑塊。 –

+0

你能幫我嗎? –

+0

爲什麼要去code.you可以使用插件 –

回答

0

你可以使用這個插件爲。

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

對於旋轉木馬滑塊,在你的主題

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

安裝插件創建slider.and到你的index.php文件,並使用shortcode.that它。 –