0

私は wordpress、html、css、および javascript にかなり慣れていないので、可能であれば助けていただければ幸いです。

ブログの注目コンテンツ領域にデュアル スライダーを作成しようとしています。左側のスライダーには 3 つの注目の YouTube ビデオがあり、右側のスライダーには投稿の抜粋があります。 これが私がそれを描く方法です。

現時点では、これを非効率的に行っていると思います。デュアルスライダーの使用

現在、右側のパネルに 3 つの div があり、各 div で the_excerpt() が出力されている投稿ごとに 1 つです。

<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-->

左側の 3 つの div は、the_content が各 div に出力される各ビデオに 1 つです。

<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-->

特集したい 3 つの投稿には、それぞれ Featured1、Featured2、Featured3 のタグが付けられています。投稿のコンテンツは、iframe の youtube 埋め込みコードの後に​​、右のコンテンツ パネルに表示したいものが続きます。

最後に、dualslider javascript ファイルをよく理解していないため、ビデオのカルーセル サイズをフォーマットするのが難しいことは別として、他の問題は、スライドからスライドに移動するときに、現在再生中のビデオを一時停止する必要があることです。 AnythingSlider で提供される機能 (http://css-tricks.com/examples/AnythingSlider/#panel1-4)。

どんな助けでも大歓迎です。ありがとう！

4

1 に答える 1

0

これを試して...

https://gist.github.com/1848388

クエリとループ php を index.html デモ ファイルに追加しました。

これは私がダウンロードしたデモパックです... Dual Slider Demo File

私はそれをテストしていないので、うまくいかないかもしれません。あなたのクエリを調整して、タグ「Featured」が付いた最新の 3 件の投稿を取得しました。

また、画像や動画に使用する代わりに<?php the_content(); ?>、カスタム フィールドを使用しないでください。このようにして、記事のコンテンツ全体を投稿に含めることができます。

スライダーで注目の画像や動画に使用する<?php the_content(); ?>と、すべての投稿コンテンツがその領域にフィードされるため、投稿に多くのテキストやその他の画像がある場合は面倒になる可能性があります.

だから私は自分の要点にカスタムフィールドを含めました<?php the_content(); ?>.

スライダーアイキャッチ画像

...そして、これに画像コードまたはビデオ埋め込みコードを貼り付けます。このカスタム フィールドを作成すると、Slider Featured Imageが保存され、他の機能の投稿エディターのドロップダウンから選択できるようになります。

要点全体にコメントしたので、何が起こっているのかがわかります。

幸運を

于 2012-02-16T23:12:38.210 に答える