将Flexslider添加到WordPress的儿童主题

我想将一个柔性滑块添加到Wordpress儿童主题，但它不起作用。我一直在努力几个小时，并会感谢一些帮助。这里是网站： http://dev.electricalenergy.se/将Flexslider添加到WordPress的儿童主题

在我的子主题，我已经加入： 1. flexslider.css 2. jquery.flexslider.js 3 function.php有一个js文件夹中的文件夹CSS下面的脚本

<?php 
// FLEXSLIDER 
function flexslider() { 
    if (!is_admin()) { 

     // Enqueue FlexSlider JavaScript 
     wp_register_script('jquery_flexslider', get_template_directory_uri(). '/js/jquery.flexslider-min.js', array('jquery')); 
     wp_enqueue_script('jquery_flexslider'); 

     // Enqueue FlexSlider Stylesheet   
     wp_register_style('flexslider-style', get_template_directory_uri() . '/css/flexslider.css', 'all'); 
     wp_enqueue_style('flexslider-style'); 

     // FlexSlider custom settings  
     add_action('wp_footer', 'flexslider_settings'); 

     function flexslider_settings() { ?>   
      <script> 
       jQuery(document).ready(function($){ 

        $('.flexslider').flexslider(); 
       }); 
      </script> 
     <?php 
     } 
    } 
} 
add_action('init', 'flexslider');

在最后，我从父主题复制的index.php并加入

<div id="primary" class="content-area"> 
<main id="main" class="site-main" role="main"> 

     <!-- Flexslider demo content --> 

     <div class="flexslider"> 
      <ul class="slides"> 
       <li> 
        <img src="http://farm7.staticflickr.com/6213/6256961398_a484813abe_b.jpg" /> 
        <p class="flex-caption">Caption goes here</p> 
       </li> 
       <li> 
        <img src="http://farm7.staticflickr.com/6025/6012928351_d643e5a404_b.jpg" /> 
        <p class="flex-caption">Caption goes here</p> 
       </li> 
       <li> 
        <img src="http://farm7.staticflickr.com/6126/6007110789_bd7faaaa79_b.jpg" /> 
        <p class="flex-caption">Caption goes here</p> 
       </li> 
       <li> 
        <img src="http://farm6.staticflickr.com/5159/5874760659_de4c00d585_b.jpg" /> 
        <p class="flex-caption">Caption goes here</p> 
       </li> 
      </ul> 
     </div> 

     <!-- END Flexslider demo content -->

来源

2016-04-25 Vincent