要在Nivo Slider中显示的WP查询帖子

时间:2013-04-30 作者:Kirsty Marks

我在wordpress主题中编写了一个滑块,使用查询帖子来显示缩略图和内容,但它似乎显示了整个帖子?而不仅仅是那张幻灯片?

<div class="slider-wrapper theme-default">
    <div id="slider" class="nivoSlider">
        <?php $the_query = new WP_Query( \'showposts=5\' ); ?>
        <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
            <?php the_post_thumbnail(); ?> 
            <div class="slide-caption">  
                <h3><?php the_title(); ?></h3>
                <?php the_content(); ?>
       <?php endwhile;?>

    </div>  
有人能告诉我我做错了什么吗?

http://www.milknhny.co.uk/PeterWork

这是NIVO加价:

<div class="slider-wrapper">
  <div id="slider" class="nivoSlider">
      <img src="images/slide1.jpg" alt="" />
      <a href="http://dev7studios.com"><img src="images/slide2.jpg" alt="" title="#htmlcaption" /></a>
      <img src="images/slide3.jpg" alt="" title="This is an example of a caption" />
      <img src="images/slide4.jpg" alt="" />
     </div>
  </div>
  <div id="htmlcaption" class="nivo-html-caption">
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
  </div>
正如您所看到的,这篇文章的标题完全在包装之外?

1 个回复
SO网友:s_ha_dum

现在我已经格式化了您的代码,请看一看。您正在打开<div class="slide-caption"> 在循环内部,但直到循环结束后才关闭,并且缺少两个关闭</div> 标记(尽管这可能是复制/粘贴错误)。这意味着标记将被严重破坏,这可能导致意外行为。

您应该有如下内容:

<div class="slider-wrapper theme-default">
    <div id="slider" class="nivoSlider"><?php
        $the_query = new WP_Query( \'showposts=5\' );
        while ($the_query -> have_posts()) : $the_query -> the_post();
            the_post_thumbnail(); ?> 
            <div class="slide-caption">  
                <h3><?php the_title(); ?></h3>
                <?php the_content(); ?>
            </div>
       <?php endwhile;?>
    </div>
</div>
始终小心地格式化代码,这样您就可以更容易地发现这些内容,使用一个体面的代码编辑器来进行语法高亮显示,您不需要所有这些打开和关闭操作<php/?> 标签。只有在实际从PHP切换到HTML时才使用它们。它们不是行尾或行首。

Edit:

如果第二个代码块是NIVO文档中的一个示例,那么您正在尝试做一些不受支持的事情——至少该示例没有指出支持。您似乎不能为滑块中的每个图像指定标题,而只能全局指定标题。

<div class="slider-wrapper theme-default">
    <div id="slider" class="nivoSlider"><?php
        $the_query = new WP_Query( \'showposts=5\' );
        while ($the_query -> have_posts()) : $the_query -> the_post();
            the_post_thumbnail(); ?> 
        <?php endwhile;?>
    </div>
    <div id="htmlCaption" class="nivo-html-caption slide-caption">  
        <h3><?php the_title(); ?></h3>
        <?php the_content(); ?>
    </div>
</div>
我还补充道htmlCaption 脚本可能会使用它。

结束

相关推荐

使用新的WP-Query()从循环中过滤后期格式;

嗨,我目前正在为我的博客构建一个主题。下面的代码指向最新的帖子(特色帖子)。因为这将有一个不同的风格比所有其他职位。然而我想过滤掉帖子格式:链接使用我在循环中定义的WP查询,因为它给我带来了更多的灵活性。我该怎么做呢? <?php $featured = new WP_Query(); $featured->query(\'showposts=1\'); ?> <?php while ($featured->have_post