Основание 6 Проблема с орбит-слайдером

Поскольку я все еще не очень хорошо знаком с WordPress, я попытался преобразовать слайдер с ортопедией Foundation 6 в wordpress, чтобы отображать некоторые текстовые сообщения, но застревает, как только он автоматически переместится к следующему, или если пользователь нажимает на любой из отверстия от пуль. Также и по какой-либо причине теги отображаются в строках до и после текста the_content () Вот код:

<div class="orbit" role="region" aria-label="Customers Testimonials" data-orbit data-use-mui="true"> <ul class="orbit-container"> <?php $slider = new WP_Query(array('post_type' => 'testimonials', 'orderby' => 'date', 'posts_per_page' => 3)); ?> <?php while($slider->have_posts()) : $slider->the_post(); ?> <li class="is-active orbit-slide"> <div class="post"> <blockquote> <i class="fa fa-quote-left quotes"></i> <?php the_content(); ?> <i class="fa fa-quote-right quotes"></i> </blockquote> <cite><?php the_title(); ?></cite> </div><!-- .post --> </li> <?php endwhile; wp_reset_query(); ?> </ul> <nav class="orbit-bullets"> <button class="is-active" data-slide="0"><span class="show-for-sr">First post</span><span class="show-for-sr">Current post</span></button> <button data-slide="1"><span class="show-for-sr">Second post</span></button> <button data-slide="2"><span class="show-for-sr">Third post</span></button> </nav> </div><!-- .orbit --> 

И foundation.min.js, и foundation.orbit.min.js правильно инициализированы, а также вызов фонда. Кто-нибудь сможет помочь? Спасибо всем заранее =)