Wordpress自定義插件

我正在建立一個Wordpress網站，並且第一次使用自定義輪播。我從這個codepen中找到了這個想法。Wordpress自定義插件

我是導致這一回購

我遵循的指示，並把這個樣式表在在header.php中。

和這個腳本標記在關閉主體之前。

和NPM上安裝終端光滑的輪播，並呼籲元素main.js，但它仍然無法正常工作，甚至當我跟着HTML結構放在幻燈片。我錯過了什麼？我希望我的結果看起來完全像codepen。

<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'> 
    <div><h3>1</h3></div> 
    <div><h3>2</h3></div> 
    <div><h3>3</h3></div> 
    <div><h3>4</h3></div> 
    <div><h3>5</h3></div> 
    <div><h3>6</h3></div> 
</div>

謝謝你的幫忙！

來源

2017-04-03 James H

首先，Slick requires JQuery，所以確保你也有它。

如果這不是問題，我使用Slick的方式是通過在元素中使用類或id來製作caroussel，然後在頁面末尾的腳本標記中使用slick功能。

所以，如果你的那個格結構有類油滑DIV，

$(document).ready(function(){ 
    $('.slick-div').slick({ 
     slidesToShow: 4, 
     slidesToScroll: 4 
    }); 
});

來源

2017-04-03 21:13:13 Tutch

Wordpress自定義插件

回答

相關問題