Flex Slider与WordPress集成

时间:2014-08-28 00:04:39

标签: php wordpress flexslider

[解决]

我正在尝试将Flex Slider(flexslider.woothemes.com)与WordPress集成。我已经包含了所有需要的JS / CSS文件。

然后,我添加了这段代码来显示某个类别的特色图片 - 着名的WP_Query,其中$ args设置为某个类别。然后使用echo the_post_thumbnail();我正在展示帖子的图片。它工作正常。我只需要将图像链接到帖子URL(imgs是hrefed)。请提前提供帮助和感谢。

<?php 
$args = array(
            'post_type' => 'post',
'category_name' => 'one',
            'posts_per_page' => 5
        );  

        // The Query
        $the_query = new WP_Query( $args );

        // Check if the Query returns any posts
        if ( $the_query->have_posts() ) {

            // Start the Slider ?>
            <div class="flexslider">
                <ul class="slides">

                    <?php
                    // The Loop
                    while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
                        <li>
<?php }
                        // The Slide's Image

                        echo the_post_thumbnail();

                        </li>
                    <?php endwhile; ?>

                </ul><!-- .slides -->
            </div><!-- .flexslider -->

        <?php 

        // Reset Post Data
        wp_reset_postdata();

?>

正在运作的新代码:

<?php 
$args = array(
            'post_type' => 'post',
'category_name' => 'one',
            'posts_per_page' => 5
        );  

        // The Query
        $the_query = new WP_Query( $args );

        // Check if the Query returns any posts
        if ( $the_query->have_posts() ) {

            // Start the Slider 
?>

      <div class="flexslider">
                <ul class="slides">

                    <?php
                    // The Loop
                    while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

                        <li>
  <a href="<?php the_permalink(); ?>">
 <?php echo the_post_thumbnail(); ?>

</a>
                        </li>
                    <?php endwhile; ?>

                </ul><!-- .slides -->
            </div><!-- .flexslider -->

        <?php }

        // Reset Post Data
        wp_reset_postdata();

?>

1 个答案:

答案 0 :(得分:0)

如果我理解你的要求,我认为答案是

echo '<a href="'. the_permalink() .'">'; echo the_post_thumbnail(); echo '</a>';