wordpress初心者の者です。
現在wordpressで海外のテンプレートを使っています。
その中で、wookmarkというjqueryを固定ページに使いたいのですが、
jqueryの元ファイルのhtmlのコードの中に、下記のようなリンク部分があるのですが、
１行目の「jquery.min.js」は読み込む必要ありますでしょうか？
<!-- include jQuery -->
<script src="../libs/jquery.min.js"></script>
<!-- Include the imagesLoaded plug-in -->
<script src="../libs/jquery.imagesloaded.js"></script>
<!-- Include the plug-in -->
<script src="../jquery.wookmark.js"></script>
またその下に下記のような記述があるのですが、これはヘッダーに
貼付ければよろしいのでしょう？？
ご存知の方教えてください。
<!-- Once the page is loaded, initalize the plug-in. -->
<script type="text/javascript">
(function ($){
$('#tiles').imagesLoaded(function() {
// Prepare layout options.
var options = {
autoResize: true, // This will auto-update the layout when the browser window is resized.
container: $('#main'), // Optional, used for some extra CSS styling
offset: 2, // Optional, the distance between grid items
itemWidth: 210, // Optional, the width of a grid item
fillEmptySpace: true // Optional, fill the bottom of each column with widths of flexible height
};
// Get a reference to your grid items.
var handler = $('#tiles li'),
filters = $('#filters li');
// Call the layout function.
handler.wookmark(options);
/**
* When a filter is clicked, toggle it's active state and refresh.
*/
var onClickFilter = function(event) {
var item = $(event.currentTarget),
activeFilters = [];
if (!item.hasClass('active')) {
filters.removeClass('active');
}
item.toggleClass('active');
// Filter by the currently selected filter
if (item.hasClass('active')) {
activeFilters.push(item.data('filter'));
}
handler.wookmarkInstance.filter(activeFilters);
}
// Capture filter click events.
filters.click(onClickFilter);
});
})(jQuery);
</script>
お礼
ご回答ありがとうございました。 おかげさまでたいへん参考になりました。 また機会がありましたら、よろしくお願いします。