我有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的帖子?
答案 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工作。
我希望它成功。