【发布时间】：2014-05-04 16:56:50
【问题描述】：
我正在尝试在 wordpress 中复制下面的图像。问题是我不知道怎么做。
我有这段代码来控制特色图片的大小。
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 400, 300, true );
add_image_size( 'post-thumbnails', 400, 300, true );
此代码的问题在于它只负责 ONE 尺寸，即 400x300。其他人呢？如果您看下面的图片，我相信您至少可以看到 3 种尺寸（3 种变体）？
我在 Index.php 文件中的 Wordpress 代码简单明了：
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
<?php the_post_thumbnail('post-thumbnail', array( 'id' => "FeaturedImage")); ?>
<?php the_excerpt(); ?>
<?php endwhile; ?>
<?php else : ?>
<h2>You're Lost! </h2>
<?php endif; ?>
我想听听您对如何在此实现 html/css 代码结构的意见。
【问题讨论】：
-
好问题！不幸的是，这也是我的问题。希望有人能提供帮助。
-
这在 JavaScript 中会非常简单，看看可能实现这种效果的插件。我建议同位素：isotope.metafizzy.co
-
感谢@Chevi 的帮助！
-
我想一种选择是使用
Custom Fields，因此您可以拥有post-type的自定义字段name，然后该值将是1,2,3,4示例 - （1 列，2 列帖子）。然后在您的循环中，您将检查该值，并使用if语句，您会说，如果name=1然后回显正确的the_post_thumbnail值。 -
谢谢大家，我会在同位素上试试运气。