WordPress styling recent post

时间:2015-04-25 作者:Ritzy

尝试复制此处显示的主题http://i.imgur.com/k60YtiX.png.

正如你在截图上看到的,第一篇文章是黑色的,第二篇文章是灰色的。

到目前为止,我的进展只是每天过滤帖子,我对如何更改每个链接的背景颜色感到困惑。

我的职能。php

add_action( \'pre_get_posts\', function ( $q )
{ 

if ( $q->is_home() && $q->is_main_query() ) {
    $q->set(  \'posts_per_page\', 10 );
    $q->set( \'cat\', 2 );
    $date_query = array(
        array(
            \'year\'  => $today[\'year\'],
            \'month\' => $today[\'mon\'],
            \'day\'   => $today[\'mday\'],
        ),
     );
     $q->set( \'date_query\', $date_query );
}

});
屏幕截图上的情况是,第一篇帖子似乎设置为

<div class="track row-1">
<div class="track-details">
<!--mp3-->
<a class="track-title" href="http://www.example.com">POST TITLE</a>
</div>
</div>
而第二个立柱设置为

<div class="track row-0">
<div class="track-details">
<!--mp3-->
<a class="track-title" href="http://www.example.com">POST TITLE</a>
</div>
</div>

1 个回复
最合适的回答,由SO网友:jimihenrik 整理而成

您可以定期将它们列为列表,并使用css设置样式

li:nth-child(even) { background: #000 }
li:nth-child(odd) { background: #CCC }
如果您担心浏览器支持,可以在PHP中使用$i或类似的东西填充列表时添加不同的类

for($i = 0; $i < count($list); $i++) {
  echo \'<li class="\'.($i %2 == 0 ? \'blackrow\' : \'greyrow\').\'">\'.$title.\'</li>\';
}
或者如果使用while(),则只需执行以下操作$i = 0; 在while和add之前$i++ 在while循环结束时。

php代码可能有一些错误,因为我现在没有办法进行测试,只是从顶部抛出了一些错误,而且我对代码不是很在行。但它应该给你一个想法。

结束

相关推荐

如何将新的CSS文件添加到新的PHP文件中

我为Wordpress创建了一个新的模板文件,通过PHP构建页面的元素,Wordpress可以识别出这样的模板。然后,我想为上述模板(同一文件夹)包含一个CSS文件,并使用标准:<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\"> 但由于某些原因,PHP文件不会加载链接的CSS设置。如果我添加<? include(\'style.css\') ?> 它的内容被打印到页面上,这意味着php文件