重写由自定义字段驱动的页面以动态填充页面，如文章

时间：2013-01-16 作者：MMSI

我对Wordpress比较陌生，我收到了一个由外包开发人员开发的网站主题。由于不可避免的范围蠕变，我不得不修改页面以使用新的范围。

http://dsi.sva.edu/news-and-events/ 此页面由自定义字段填充。由于这是一个新闻页面，我们希望最新的文章出现在图片网格的左上角。因为后端是用自定义字段设置的，所以我们需要手动重新输入所有自定义字段，以使新文章出现在其他文章之前。

有人能推荐一种重写后端的方法来实现这一点吗？或者至少让我参考一些可能有用的文章？

此外，当新的帖子行添加到页面底部时，它们会在加载时将页面向上推，导致页眉向上推。有没有办法解决这个问题？

谢谢谢谢谢谢

1 个回复
最合适的回答,由SO网友:Tom J Nowell 整理而成

WP\\u Query是您的朋友。结合特色图像，您应该能够将其作为带有WP\\U查询调用和循环的页面模板来完成。

这是目前最热门帖子的html：

<li class="">
  <a href="http://dsi.sva.edu/cheryl-heller-named-in-top-100/">
      <img src="http://dsi.sva.edu/wp-content/uploads/2013/01/public-interest-design.jpg" width="332px">
  </a>
  <span><b><p style:="" color:="" #f15c25;=""><a href="http://dsi.sva.edu/cheryl-heller-named-in-top-100/">Cheryl Heller was named one of the top 100 leaders in Public Interest Design.</a></p></b></span>
</li>
相反，您可以这样做：

$news = new WP_Query();
if($news->have_posts()){
    while($news->have_posts()){
        $news->the_post();
        ?>

    <li class="<?php post_class(); ?>">
      <a href="<?php echo get_permalink(); ?>">
          <?php the_post_thumbnail(\'topnewsimage\'); ?>
      </a>
      <span><b><p style:="" color:="" #f15c25;=""><a href="<?php echo get_permalink(); ?>"><?php the_title(\'\',\'\'); ?></a></p></b></span>
    </li>

        <?php
    }
}
您可以使用post_class 调用样式表中的样式（立即删除那些内联样式）

最后一步，请看我如何将“topnewsimage”作为帖子缩略图的大小？你需要让WordPress知道这个新的图像大小。您需要将其添加到函数中。然后使用适当的插件重新生成缩略图：

add_image_size( \'topnewsimage\', 332, 248, true );
这将为您提供正确大小的特色图像，而不会扭曲和拉伸它们。

完成此操作后，您可以删除所有自定义字段，不再需要它们。

您可以通过将参数传递到WP\\U查询中来进一步控制这一点，包括帖子的数量、帖子的类型、类别等。WordPress codex条目上有一个用于WP\\U查询的广泛选项列表。

结束
标签： custom-post-types   custom-field   小码农  

相关推荐