Как сделать первое сообщение больше в wordpress

Question

Это, вероятно, очень легко сделать, но, к сожалению, я не слишком хорошо разбираюсь в кодировании. Я честно пытаюсь учиться.

У меня есть тема в wordpress, которая делает сообщения с меткой «spotlight» в два раза больше остальных. Я хотел бы изменить это так, чтобы автоматически было первое сообщение, размер которого равен. Я надеюсь, что в этом есть смысл.

Фрагмент кода у меня есть:

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

     } 

Я уверен, что это просто изменить «если (has_tag („Прожектор“)» на что-то я ++ или я = 1, или что-то вроде что я тоже ошибаюсь. Я чувствую, что ответ смотрит мне в лицо, но я просто не могу этого понять. Я пробовал искать, но не нашел хорошего ответа.

Я был бы очень рад за любую помощь, и я действительно об этом узнаю.

Заранее благодарен

Answer 1

См. Этот код jsFiddle. Надеюсь, это решит вашу проблему.

Вам просто нужно добавить CSS в ваш style.css

.myspotlight{ 
background-color:red; 
} 

и Javascript для конкретного файла PHP, который запускает цикл всех ваших статей и создает список статей.

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

код JQuery в основном добавляет необходимый класс для первого тега, который он находит