I have created page-home.php to make a custom homepage. with code
<?php while (have_posts()) : the_post(); ?>
<?php get_template_part('templates/page', 'header'); ?>
<?php get_template_part('templates/content', 'page-home'); ?>
<?php endwhile; ?>
I also added templates/content-page-home.php to generate some unique content for home:
<ul class="bxslider">
<li><img src="http://placehold.it/350x150" /></li>
<li><img src="http://placehold.it/350x150" /></li>
<li><img src="http://placehold.it/350x150" /></li>
<li><img src="http://placehold.it/350x150" /></li>
</ul>
<?php the_content(); ?>
<?php wp_link_pages(array('before' => '<nav class="pagination">', 'after' => '</nav>')); ?>
Content is loaded, but BX Slider is not making it slide nor are the images all neatly displayed in a slider. I added the plugin to assets/js/plugins/bxslider-4 and I ran grunt dev. So I made a change to grunt.js
var jsFileList = [
'assets/vendor/bootstrap/js/transition.js',
-----
'assets/js/plugins/bxslider-4/*.js',
'assets/js/plugins/bxslider-4/plugins*.js',
'assets/js/_*.js'
];
and added all the JS and ran grunt dev again and the continued using grunt watch. Last typo change was shown:
Running "watch" task
Waiting...
>> File "Gruntfile.js" changed.
Running "jshint:all" (jshint) task
>> 2 files lint free.
Running "concat:dist" (concat) task
File assets/js/scripts.js created.
Done, without errors.
Execution Time (2014-11-16 11:41:50 UTC)
loading tasks 5ms βββ 3%
jshint:all 161ms ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ 83%
concat:dist 29ms ββββββββββββββββ 15%
Total 195ms
Completed in 1.650s at Sun Nov 16 2014 12:41:50 GMT+0100 (CET) - Waiting...
>> File "assets/js/scripts.js" changed.
Completed in 0.000s at Sun Nov 16 2014 12:41:50 GMT+0100 (CET) - Waiting...
Still the slider does not work. What gives?