如何在wordpress中让第一篇文章更大

Question

这可能很容易做到，但不幸的是我不太擅长编码。不过，我真的在努力学习。

我在wordpress中有一个主题，可以让带有“聚光灯”标签的帖子大小是其他帖子的两倍。我想改变这一点，以便它自动成为第一个这样大小的帖子。我希望这是有意义的。

下面是我的代码片段：

// Get blog layout setting
    $blog_layout      = get_theme_mod( 'blog_layout_setting', 'three-columns' );
    $portfolio_layout = get_theme_mod( 'portfolio_layout_setting', 'four-columns' );

    if ( is_tax( 'ct_portfolio' ) || is_page_template( 'templates/template-portfolio.php' ) ) :

        if ( 'four-columns' == $portfolio_layout ) {

            if ( has_tag( 'spotlight' ) ) {
                $classes[] = 'col-lg-6 col-md-8 col-sm-12';
            } else {
                $classes[] = 'col-lg-3 col-md-4 col-sm-6';
            }

        } else {

            if ( has_tag( 'spotlight' ) ) {
                $classes[] = 'col-md-8 col-sm-12';
            } else {
                $classes[] = 'col-md-4 col-sm-6';
            }

        }

我非常确定它只是将"if ( has_tag( 'spotlight‘)“改为i++或i=1，或者类似的东西。我也可能完全错了。我觉得答案就在我面前，但我就是抓不住。我试着到处找，但没有找到一个好的答案。

我真的很乐意得到任何帮助，我真的从中学到了很多。

提前谢谢。

Answer 1

请参考此jsFiddle代码。我希望这能解决你的问题。

您只需要将CSS添加到style.css中。

.myspotlight{
background-color:red;
}

以及特定php文件的javascript，它运行所有文章的循环并创建文章列表。

 $( "article" ).first().addClass("myspotlight");

jquery代码基本上将必要的类附加到它找到的第一个标记上