0

スティッキーポスト（ループ1）とすべてのポスト（ループ2）を表示するための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を使用して投稿を表示する方法はありますか？

4

1 に答える 1

1

「スティッキー クラスはフロント ページにのみ表示されます。2 番目の 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 に従って動作するはずです。

うまくいくことを願っています。

于 2012-11-13T20:10:30.667 に答える