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

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

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

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

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

1 个答案: