jQuery、砌体和图像处理？

Question

我的网站上有 jQuery Masonry 工作

http://www.lovejungle.com/dev/testenvironment/?cat=4

但在我的一生中，我无法弄清楚图像是如何处理的。

有没有一种方法可以抓取帖子特色图片？还是有一行代码可以抓住它？

这是我用于 index.php 和 categories.php 页面的代码

<div id="container">
<div id="content">
<?php query_posts('posts_per_page=15'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink(); ?>" class="box col<?php echo rand(2,4); ?>">
<span class="title"><?php the_title(); ?></span>
<img src="<?php echo get_post_meta($post->ID, 'PostThumb', true); ?>" alt="" />
<span class="ex"><?php the_excerpt(); ?></span>
</a>
<?php endwhile; endif; ?>
</div>
</div>

代码来自本教程 http://digwp.com/2010/08/randomized-grid-of-posts/#comment-1175

我知道这需要改变

<img src="<?php echo get_post_meta($post->ID, 'PostThumb', true); ?>" alt="" />

也可能是我的图片输入法不对。

这是我的目标的一个例子 http://thoughtandtheory.com/collection/

我仍然不清楚图像是如何处理的？

Answer 1

所以.. 如果我说得对，您想在循环中获取帖子图像吗？只是它的缩略图还是大图？图片应该是文章的链接吗？

我会创建一个主要类别，您的所有帖子都在其中。然后为该类别创建一个自定义查询，如下所示：

<?php $YourQuery = new WP_Query(array('cat=11', 'posts_per_page' => -1)); if ($YourQuery->have_posts()) : ?>
<?php while ($YourQuery->have_posts()) : $YourQuery->the_post(); ?>

在获取所有帖子时，您可以将最近的类别分配给 div 并将其用于过滤器：

<?php foreach((get_the_category()) as $category ) { echo $category->cat_name . ' '; } ?>">

然后获取该 div 中的图像。首先检查拇指并定义它们的高度和宽度（或者如果您不想拥有像光学一样的网格，则跳过该部分）。然后，在调用图像时，将类别分配给图像，以便您可以将它们用于过滤器：

<?php if (has_post_thumbnail()) {the_post_thumbnail('160,230,true');}
elseif (get_post_meta($post->ID, "HomeThumbnail", true) != '') 
{ 
?>

<img src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" alt="<?php the_title();   ?>" class="<?php foreach((get_the_category()) as $category){echo $category->cat_name . ' ';} ?> ex" />

       <?php 
}

else {
echo "<img class=\"ex\" src=\"". get_bloginfo('template_directory') . "/images/placeholder.jpg\" alt=\"Default Post Image\" />";
 }
   ?>  
</a>

在最后一部分中，我分配了一个占位符图像，因此您可以在尚未上传所有图像的情况下测试环境。

这应该会让你朝着正确的方向前进......