Цикл/запрос ползунка отзывов не работает PHP Wordpress

Итак, я пытаюсь отобразить отзывы с помощью слайдера Slick, но он не работает. Я предполагаю, что неправильно связал файлы css и js или что-то в этом роде, потому что отзывы отображаются, но слайдер не работает. Так что помогите с устранением неполадок.

Это код:

HTML

    <section class="reviews">
                <div class="row d-flex flex-column">
                    <div class="testimonial-holder">                
                        <?php
                            $args = array(
                            'post_type'   => 'testimonials',
                            // 'post_status' => 'publish',
                            // 'posts_per_page' => 1,
                            // 'order' => 'ASC',
                            );
                            $query = new WP_Query( $args );
                        ?>
                            <?php
                            while( $query->have_posts() ) :
                                $query->the_post(); 
                        ?>

                            <div class="lead-text d-flex text-center justify-content-center flex-column">
                                <?php echo '<p class="lead">' . get_the_content() . '</p>' . '<small>' . '-' . get_the_title() . '</small>'; ?>
                            </div>
                        <?php endwhile;
                        wp_reset_postdata(); ?>
                    </div>
                </div>
            </section>

ENQUE

function load_css() {

wp_register_style( 'slick', get_template_directory_uri() . '/src/js/slick/slick.css', array(), false, 'all' );
wp_enqueue_style('slick');

} add_action('wp_enqueue_scripts', 'load_css');

функция load_js() {

wp_register_script( 'slick', get_template_directory_uri() . '/src/js/slick/slick.min.js', false, true);
wp_enqueue_script('slick');

} add_action('wp_enqueue_scripts', 'load_js');

ВЫЗОВ С JQUERY//Это всего лишь строка кода, и она должна работать

$('.testimonial-holder').slick();

wordpress php slick.js testimonials
person Milan    schedule 18.03.2021    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы прикрепили обратный вызов .slick() к состоянию document.ready?

person shutupchigo    schedule 18.03.2021
comment
Извините за задержку с ответом. Я не уверен. Я отказался от этого, так как я не мог понять это. Пошел с плагином, но даже это меня бесит. Спасибо за ответ. - person Milan; 26.03.2021

arrow_upward
0
arrow_downward

В конце концов, я добился этого с помощью расширенных настраиваемых полей с числовым полем. Я отказался от слайдера и немного изменил концепцию. Таким образом, в зависимости от введенного числа в поле, оно будет генерировать количество звезд во внешнем интерфейсе.

<?php
                            $args = array(
                            'post_type'   => 'testimonials',
                            'post_status' => 'publish',
                            'posts_per_page' => 1,
                            'order' => 'DESC',
                            'orderby'=> 'rand',
                            );
                            $query = new WP_Query( $args );
                                //if( $query->have_posts() ) :
                        ?>
                            <!-- Displaying testimonials -->
                    
                        <?php
                            while( $query->have_posts() ) : ?>
                                <!-- <div class="col-lg-4"> -->
                                <div class="content-holder">
                                    <?php $query->the_post(); ?>

                                    <div class="stars-holder">
                                        <?php 
                                            $star = get_field('stars');
                                            $count = 0;
                                            $element = '<i class="fa fa-star"></i>';
                                            while ($count < $star) : $count++;
                                                echo $element;
                                            endwhile;
                                        ?>  
                                    </div>                  
                                    <div class="lead-text d-flex text-center justify-content-center flex-column">
                                        <?php echo '<p class="lead">' . get_the_content() . '</p>' . '<small>' . '-' . get_the_title() . '</small>'; ?>
                                    </div>
                                </div>
                            <!-- </div> -->
                            <?php endwhile;
                            wp_reset_postdata(); ?>
person Milan    schedule 04.04.2021