Intereting Posts
Как настроить пользовательские поля комментариев Ограничить CPT, чтобы иметь только одну страницу просмотра Как мой сайт WP был взломан Изменить метку поля заголовка для сообщений в бэкэнд Сценарий jQuery не работает в WordPress как get_term_by знает, какой термин следует возвращать, когда один и тот же термин появляется дважды в иерархической таксономии? Резервное копирование WordPress (на другом сервере), ведущее к старым серверам addy и WP Как получить собственный URL-адрес изображения определенного размера Перемещение URL-адреса веб-сайта отладка заданий wp_cron с помощью XDebug в Eclipse Сервер SSH с WordPress Примечание. Неопределенный индекс: ошибка и понимание wordpress Обнаружить, если изображение не привязано Плагин не создает теги заголовков на любых страницах или сообщениях Разрешение пользователям зарегистрироваться> Вход> Публикация статей, требующих одобрения

Интеграция слайдера Orbit в wordpress через пользовательский тип сообщения

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

Это код для моего настраиваемого цикла для отображения изображений из типа сообщения, я был бы признателен, если бы кто-то мог взглянуть и рассказать мне, что я делаю неправильно.

<?php $args = array( 'post_type' => 'slides', 'posts_per_page' => 999 ); $temp = $wp_query; $wp_query = null; $wp_query = new WP_Query($args); if($wp_query->have_posts()) : ?> <ul class="orbit-container"> <button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span>◀</button> <button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span>▶</button> <?php while($wp_query->have_posts()) : $wp_query->the_post(); $postid = get_the_ID(); if(has_excerpt()) { $datacaption = 'data-caption="#slide-'.$postid.'"'; } else { $datacaption = ''; } if(has_post_thumbnail()) { $imgid = get_post_thumbnail_id($postid); $alt = get_post_meta($imgid , '_wp_attachment_image_alt', true); $imgurl = wp_get_attachment_url($imgid); echo '<li class="orbit-slide">'; echo '<div>'; echo '<img src="'.$imgurl.'" '.$datacaption.' alt="'.$alt.'" />'; } else { echo '<div class="orbit-slide" '.$datacaption.'>'; echo get_the_content(); echo '</div>'; echo '<div>'; echo '</li>'; } if(has_excerpt()) { $output = '<span class="orbit-caption" id="slide-'.get_the_ID().'">'; $output .= '<h3 class="slide-title">'.get_the_title().'</h3>'; $output .= '<p class="slide-excerpt">'.get_the_excerpt().'</p>'; $output .= '</span>'; echo $output; }; endwhile; ?> </ul> <?php endif; ?> <?php $wp_query = null; $wp_query = $temp; wp_reset_query(); ?> 

Solutions Collecting From Web of "Интеграция слайдера Orbit в wordpress через пользовательский тип сообщения"

Я понял, что начал с нуля, и создал настраиваемый цикл со всеми обновленными классами для базового движка орбит. Если кому-то понравится код, найдите его ниже:

  <?php $loop = new WP_Query( array( 'post_type' => 'slides', 'posts_per_page' => 999 ) ); ?> <div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit data-use-mui="true"> <ul class="orbit-container" > <button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span>&#9664;</button> <button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span>&#9654;</button> <?php while ( $loop->have_posts() ) : $loop->the_post(); ?> <li class="orbit-slide" > <div> <?php the_post_thumbnail(); ?> <?php if(!empty($post->post_excerpt)) { echo '<div class="orbit-caption" >'; the_excerpt(); echo '</div>'; } else { } ?> </div> </li> <?php endwhile; wp_reset_query(); ?> </ul> </div>