JQuery слайдер и WordPress - PullRequest
Новая
       37

JQuery слайдер и WordPress

0 голосов
/ 14 февраля 2012

Я довольно новичок в WordPress, HTML, CSS и Javascript и буду рад вашей помощи, если это возможно:

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

Я думаю, что в настоящее время я делаю это неэффективно; используя двойной слайдер

Прямо сейчас у меня есть три div-а на правой панели, по одному для каждого поста, где the_excerpt () выводится в каждом div: 

<div class="detail" >
      <?php $args=array('tag' => 'Featured1', 'showposts'=>1, 'caller_get_posts'=>1);
               $my_query = new WP_Query($args);
                      if( $my_query->have_posts() ) 
                {
                      while ($my_query->have_posts()) : $my_query->the_post(); ?>
                      <p><a href="<?php the_permalink() ?>" <?php the_title(); ?></a></p>
                      <h3><a href="<?php the_permalink() ?>"><?php the_title(); ?></a>

                      <h3><?php the_excerpt(); ?></h3>
                        <?php endwhile;
                }
                      wp_reset_query(); ?>
</div><!--END detail1-->

И три деления слева, по одному для каждого видео, где the_content выводится для каждого деления: 

<div class="detail" >
      <?php $args=array('tag' => 'Featured1', 'showposts'=>1, 'caller_get_posts'=>1);
               $my_query = new WP_Query($args);
                      if( $my_query->have_posts() ) 
                {
                      while ($my_query->have_posts()) : $my_query->the_post(); ?>
                      <p><a href="<?php the_permalink() ?>" <?php the_title(); ?></a></p>
                      <h3><a href="<?php the_permalink() ?>"><?php the_title(); ?></a>

                      <h3><?php the_content(); ?></h3>
                        <?php endwhile;
                }
                      wp_reset_query(); ?>
</div><!--END detail1-->

Каждое из трех сообщений, которые я хочу добавить, помечено как Featured1, Featured2 и Featured3, а содержимое сообщения - это просто код для вставки iframe на YouTube, за которым следует то, что я хочу видеть на правой панели содержимого.

Наконец, кроме того, что трудно отформатировать размер видео в карусели, учитывая, что я не очень понимаю файл javascript с двумя слайдерами, моя другая проблема заключается в том, что мне нужно приостановить воспроизводимое в данный момент видео при переходе от слайда к слайду. слайд, аналогичный функциональности, предоставляемой в AnythingSlider (http://css -tricks.com / examples / AnythingSlider / # panel1-4).

Любая помощь будет принята с благодарностью. Спасибо!

1 Ответ

0 голосов
/ 17 февраля 2012

Попробуйте это ...

https://gist.github.com/1848388

Я добавил запрос и поместил php в демонстрационный файл index.html.

Это загруженный мной демонстрационный пакет ... Файл демонстрации с двумя слайдерами

Я не проверял его, поэтому он может не работать, и я настроил ваш запрос, чтобы получить последние 3 сообщения с тегом «Featured».

Кроме того, вместо использования <?php the_content(); ?> для изображения или видео, почему бы не использовать настраиваемое поле, так что вы все равно можете иметь полный текст статьи в своем посте.

Если вы используете <?php the_content(); ?> для показанного изображения или видео на слайдере, тогда весь ваш контент будет поступать в эту область, что может быть неприятно, если в вашем посте много текста и других изображений.

Итак, я включил настраиваемое поле в gist , заменив <?php the_content(); ?>, все, что вам нужно сделать, это создать настраиваемое поле с именем ...

Slider Featured Image

... и вставьте в него код изображения или код для вставки видео. После того как вы создали это настраиваемое поле, Слайдер Featured Image будет сохранено, и вы сможете выбрать его из выпадающего списка в редакторе сообщений для других функций.

Я прокомментировал гист , чтобы вы знали, что происходит.

Удачи

...