如何添加不同的类/样式的WordPress的职位？

Question

I am trying to add a different class to specific posts which would call through a different style. I have played with the post_class function a little but i still have next to no clue how i could accomplish this, any ideas?

<?php if (have_posts()) : ?>
<?php $c = 0;while (have_posts()) : the_post(); $c++;
if( $c == 3) {
    $style = 'third';
    $c = 0;
}
else $style='';
?>
<div <?php post_class($style) ?> id="post-<?php the_ID(); ?>">

i tried adding this, the creating a custom style for it that just changed the color of the background and text

Would I be able to edit how the posts look on the home page with these though, that's what i am after if so i could of fixed this quickly instead of finding that obscure code :D

Answer 1

就像您使用的动态ID。

<div class="post-class-<?php echo get_the_ID(); ?>" id="post-<?php the_ID(); ?>">

Answer 2

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h2 id="post-<?php the_ID(); ?>">

Answer 3

Outside your loop:

$classes = array(
    0=>'first-column',
    1=>'second-column',
    2=>'third-column'
);
$i = 0;

In your loop :

<article id="post-<?php the_ID(); ?>" <?php post_class($classes[$i++%3]); ?>>

output like :

<article class="first-column format-standard hentry category-uncategorized">
<article class="second-column format-standard hentry category-uncategorized">
<article class="third-column format-standard hentry category-uncategorized">
<article class="first-column format-standard hentry category-uncategorized">
<article class="second-column format-standard hentry category-uncategorized">
<article class="third-column format-standard hentry category-uncategorized">

Answer 4

<div <?php post_class($style) ?> id="post-<?php the_ID(); ?>">

check what class names this code is creating by using firebug or view source you'll probably see something like this

<div class="divclassname" id="post-206">

Now, in the css stylesheet loaded with the page you need to make up new rules based on either the value of class (divclassname) or id (post-205) as follows.

.divclassname {
background-color: #f3f3f3;
color: #ffffff;
}

#post-205 {
background-color: #cccccc;
color: #a19402;
}