Wordpress facetWp

Question

我正在用facetWP做这样的事情。

http://www.scrambledchefs.com/recipe-index/recipe-browser/?fwp_meal_type=main-dish

我希望我的照片能够像这个网站一样。 这是我的PHP代码，看看我做了什么：

<?php while ( have_posts() ): the_post(); ?>
<p><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
        <?php the_post_thumbnail( '' ); ?>
  </a></p>
<p><a href="<?php the_permalink(); ?>"><?php the_title( '<h2>', '</h2>', '</center>' ); ?></a></p>
  <a/></p>

<?php endwhile; ?>

现在他们一个在另一个下面显示我希望像我发布的网站（网格视图）一样显示它们。

Answer 1

从您的代码示例中，您可能会认为自己缺乏一些基础知识。循环内容应包含在<div>或<article>标记中。然后，您可以为此元素添加最大宽度。例如max-width: 33.3333%;和float: left;。