如何添加不同的類/風格WordPress的帖子？

我想添加不同的類到特定的職位，這將通過不同的風格調用。我已經玩過post_class函數了，但我仍然不知道該如何完成這個任何想法？如何添加不同的類/風格WordPress的帖子？

<?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(); ?>">

我嘗試添加這一點，創建自定義樣式它只是改變了背景和文本的顏色

我將能夠編輯帖子怎麼看主頁上與這些雖然，這就是我以後如果所以我可以修復這個快速而不是找到那個晦澀的代碼：D

來源

2013-06-05 Zenko

後一些代碼，或者你已嘗試你面臨這樣做 –

您可以使用正後的類通常由WordPress添加到正文什麼，或者什麼問題。每篇文章都有一個唯一的ID和一個像「postid-206」這樣的類。你現在可以在選擇器中使用這個類來設置你想要的樣式。 – kleinfreund

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

檢查什麼類的代碼是通過使用螢火蟲或查看源創建名字你可能會看到這樣的事情

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

現在，在加載頁面的CSS樣式表，你需要補充新的規則基於class（divclassname）或id（post-205）的值如下。

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

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

來源

2013-06-05 10:42:09 user466764

就像你正在使用的動態ID一樣。

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

來源

2013-06-05 10:38:02 Bilal

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

來源

2013-06-05 10:39:11

外面你的循環：

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

在你的循環：

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

輸出，如：

<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">

來源

2013-06-05 10:40:49

如何添加不同的類/風格WordPress的帖子？

回答

相關問題