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;。