我想將一個柔性滑塊添加到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 -->
是的,它的工作原理!感謝您的時間!你是怎麼得到這些錯誤信息的?他們實際上有意義。你知道爲什麼Flexslider上的一半箭頭是可見的嗎? – Vincent
使用firebug for firefox,或打開瀏覽器控制檯查看錯誤消息。對於flexslider,請查看http://stackoverflow.com/questions/19817603/flexslider-arrows-not-displayed-properly – Bipbip