jquery 滑块和 wordpress

Question

我对 wordpress、html、css 和 javascript 很陌生，如果可能的话，希望得到您的帮助：

我正在尝试为我的博客的特色内容区域创建一个双滑块，其中左侧将有三个特色 YouTube 视频滑块，以及右侧滑块上的帖子摘录。 这是我的想象。

我认为我目前这样做的效率很低；使用 dualslider

现在，我在右侧面板上有三个 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-->

左侧三个 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 演示文件中。

这是我下载的演示包... 双滑块演示文件

我还没有测试过所以它可能不起作用哈，我已经调整了您的查询以检索带有“精选”标签的最新 3 篇帖子。

也不要使用 对于图像或视频，为什么不使用自定义字段，这样您仍然可以在帖子中拥有完整的文章内容。

如果您使用 对于滑块中的特色图像或视频，那么您的所有帖子内容都将输入到该区域，如果您的帖子中有大量文本和其他图像，这可能会很痛苦。

因此，我已将自定义字段包含在我的 gist 中，替换 ，您所要做的就是创建一个名为...

滑块特色图像 的

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

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

祝你好运