Question

我是wordpress，html，css和javascript的新手，如果可能的话，我会很乐意帮助您：

我正在尝试为我的博客的精选内容区域创建一个双滑块，左侧滑块上有三个精选的YouTube视频，右侧滑块上的帖子摘录。 Here's how I picture it.

我认为我现在做的效率不高;使用dualslider

现在我在右侧面板上有三个div，每个帖子中有一个div，其中每个div都输出了_excerpt（）：

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

左边有三个div，每个视频一个，其中the_content输出到每个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_content(); ?></h3>
                        <?php endwhile;
                }
                      wp_reset_query(); ?>
</div><!--END detail1-->

这是我要展出的还有每个标签Featured1，Featured2和Featured3和帖子内容是就在iframe的YouTube嵌入代码，然后我想做的事情是在右侧的内容面板的三个职位。

最后，除了它是很难的格式给出我真的不明白dualslider视频轮播的大小JavaScript文件，我的另一个问题是，我需要当前播放的视频进行暂停，当你从幻灯片中移动到幻灯片类似于AnythingSlider中提供的功能（http://css-tricks.com/examples/AnythingSlider/#panel1-4）。

非常感谢任何帮助。谢谢！

Answer 1

试试这个......

https://gist.github.com/1848388

我已经添加了查询并将php循环到index.html演示文件中。

这是我下载的演示包... Dual Slider Demo File

我没有对它进行测试，因此它可能无法正常工作，我已调整您的查询以检索标记为“精选”的最新3个帖子。

此外，为了不使用<?php the_content(); ?>代替图片或视频，为什么不使用自定义字段，这样您仍然可以在帖子中找到完整的文章内容。

如果您使用<?php the_content(); ?>作为幻灯片中的精选图片或视频，那么您的所有帖子内容都会进入该区域，如果您的帖子中有大量文字和其他图片，这可能会非常痛苦。

所以我在我的gist中添加了自定义字段，替换了<?php the_content(); ?>，您所要做的就是创建一个名为...的自定义字段。

滑块特色图片

...并将图片代码或视频嵌入代码粘贴到此处。创建此自定义字段后，将保存滑块特色图片，您可以从帖子编辑器的下拉列表中选择其他功能。

我已经评论过gist，所以你知道发生了什么。

祝你好运

jquery滑块和wordpress

1 个答案: