粘贴帖子只能在第一页上正确显示

时间:2012-11-13 16:54:41

标签: css wordpress posts sticky

我有2个循环来显示粘贴帖子(循环1)和所有帖子(循环2)。粘贴帖子的样式与循环2的帖子不同。现在我将posts_nav_link();添加到我的代码中,以便仅显示每页循环2的6个帖子。导航有效,但是当我浏览粘贴的帖子时,只在第一页上正确设置样式。

我设计了这样的粘贴帖子:

HTML:

<?php // div class for styling sticky posts. ?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

    <h2><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>          
    <?php the_excerpt(); // Show summary of posts only. ?>

</div> <!-- end class sticky -->

CSS:

.sticky {
    border: 1px solid black;
    background-color: white;
    width: 200px;
}
第一页上的

HTML(带有firebug):

<div class="blogpost">
<div id="post-324" class="post-324 post type-post status-publish format-standard sticky hentry category-uncategorized">
<h2>
<a title="This is a sticky post" href="http://mywebsite.com/?p=324">This is a sticky post</a>
</h2>
<p>
Written on 10/08/2012. Filed under
<a rel="category" title="View all posts in Uncategorized" href="http://mywebsite.com/?cat=1">Uncategorized</a>
.
</p>
<p>
Content of the post.
<a href="http://mywebsite.com/?p=324">[Read more ...]</a>
</p>
</div>
</div>

所有其他页面上的HTML(带有firebug): (看起来和我一样。)

<div class="blogpost">
<div id="post-324" class="post-324 post type-post status-publish format-standard hentry category-uncategorized">
<h2>
<a title="This is a sticky post" href="http://mywebsite.com/?p=324">This is a sticky post</a>
</h2>
<p>
Written on 10/08/2012. Filed under
<a rel="category" title="View all posts in Uncategorized" href="http://mywebsite.com/?cat=1">Uncategorized</a>
.
</p>
<p>
Content of the post.
<a href="http://mywebsite.com/?p=324">[Read more ...]</a>
</p>
</div>
</div>

导航时,有没有办法在每个页面上显示带有自己CSS的帖子?

1 个答案:

答案 0 :(得分:1)

您的“粘性课程”仅显示在首页。 您可以在第二个html上看到ID为“post-324”的div没有呈现该类。您也可以手动添加粘性类:

    <div id="post-<?php the_ID(); ?>" <?php post_class('class-name'); ?>>

因此您的代码应如下所示:

    <div id="post-<?php the_ID(); ?>" <?php post_class('sticky'); ?>>

我没有尝试过,但它应该根据wordpress codex工作。

我希望它成功。