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

Question

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

我在 wordpress 中有一个主题，它使带有“聚光灯”标签的帖子的大小是其他帖子的两倍。我想改变它，让它自动成为第一个这种大小的帖子。我希望这是有道理的。

我拥有的代码的 sn-p：

// 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;
}

和 javascript 到特定的 php 文件，该文件运行所有文章的循环并创建文章列表。

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

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