将Wordpress帖子显示为带有标题的图库

时间:2014-08-18 12:30:32

标签: php html css wordpress

对于我正在进行的项目,我一直在尝试在子页面上设置wordpress post循环,该子页面可以将所有帖子显示为缩略图,下面是帖子标题。但是,我没有得到任何帖子听,而只是一个链接引用图库应该在的子页面。有人可以帮帮我吗?

这是我的代码,在我的childthemes文件夹中保存为page-gallery.php:

<?php get_header(); ?>
<div id="main" class="wrapper">
<?php global $query_string; if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <div class="gallery_image_container">
        <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
            <div class="gallery_image_thumb">
                <?php the_post_thumbnail('thumbnail'); ?>
            </div>
            <h2><?php the_title(); ?></h2>
        </a>
    </div>
<?php endwhile; else : ?>
    <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>
<?php get_footer(); ?>

CSS如下:

.gallery_container {
    position: relative;
    float: left;
    width: 150px;
    height: 150px;
    border: 10px solid #CCC;
    margin: 20px;
}

我已经创建了一个jsfiddle来告诉你我最终想要实现的目标:http://jsfiddle.net/vdpktLxr/

1 个答案:

答案 0 :(得分:0)

您的代码只是回显您网页的内容&#34; page-gallery.php&#34; 。要显示POSTS,您需要使用另一个循环,例如:

 <?php
 // The Query
 query_posts( $args );

 // The Loop
 while ( have_posts() ) : the_post();
     echo '<li>';
     the_title();
     echo '</li>';
 endwhile;

 // Reset Query
 wp_reset_query();
 ?> 

您可以找到更多信息here