如何将每个单独的博客帖子分开？

时间：2012-06-04 作者：titant3ch

我正在尝试创建一个博客页面，每个帖子都用边框隔开。我能想到的一个好例子是http://blog.pagodabox.com/. 如何将每个帖子划分为自己的样式框。我试着运行循环，但我最终得到了整个哨所的边界。。到目前为止，我掌握的代码是。。

<div id="services">
        <!-- Start The Loop. -->
         <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>


        <h2><?php the_time(\'F jS\') ?></h2>

        <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>

        <?php the_excerpt(__(\'(more…)\')); ?>

         <?php endwhile; ?>

         <!-- Stop The Loop. -->
         <?php endif; ?>
 </div>

我用#服务实现了这种风格。但是再一次把风格放在整个帖子列表上，而不是个人。。。

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

你可以完全用CSS来实现，几乎不需要PHP编码。。。尝试以下操作：

<div id="services">
<?php if ( have_posts() ) : ?>
    <?php while ( have_posts() ) : the_post(); ?>
        <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <?php the_content(); ?>
        </div>   
    <?php endwhile; ?>
<?php endif; ?>
</div>
。。。这样，每个帖子都会有其唯一的ID和类。。。使用post_class() WordPress将向当前帖子添加各种与帖子相关的类，如帖子类型，.hentry 还有其他各种。。。然后可以使用这些类将特定样式应用于每个帖子

结束
标签： posts   loop   blog   css   小码农  

相关推荐

使用$_SESSION和PRE_GET_POSTS的自定义发布类型搜索

我整天都在黑客攻击一个自定义的帖子类型搜索/过滤系统。到目前为止，我有：function kdev_property_query($query) { if(isset($_POST[\'rooms_n\'])) $_SESSION[\'rooms_n\'] = $_POST[\'rooms_n\']; if(isset($_POST[\'univer\'])) $_SESSION[\'univer\'] = $_POST[\'univer\']; if(isset($_P