0

我对 wordpress、html、css 和 javascript 还是很陌生，如果可能的话，我很想得到你的帮助：

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

我认为我目前这样做效率低下；使用双滑块

现在，我在右侧面板上有三个 div，每个帖子对应一个在每个 div 中输出 the_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 嵌入代码，然后是我想在正确的内容面板中显示的任何内容。

最后，除了很难格式化视频的轮播大小，因为我不太了解双滑块 javascript 文件，我的另一个问题是，当您从一张幻灯片移动到另一张幻灯片时，我需要暂停当前播放的视频，类似于AnySlider (http://css-tricks.com/examples/AnythingSlider/#panel1-4) 中提供的功能。

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

4

1 回答 1

0

试试这个...

https://gist.github.com/1848388

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

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

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

另外，不要使用<?php the_content(); ?>图像或视频，为什么不使用自定义字段，这样您仍然可以在帖子中拥有完整的文章内容。

如果您使用<?php the_content(); ?>滑块中的特色图片或视频，那么您的所有帖子内容都会进入该区域，如果您的帖子中有大量文本和其他图像，这可能会很痛苦。

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

滑块特色图片

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

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

祝你好运

于 2012-02-16T23:12:38.210 回答