2016-11-16 4 views
0

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

У меня есть тема в 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, или что-то вроде что я тоже ошибаюсь. Я чувствую, что ответ смотрит мне в лицо, но я просто не могу этого понять. Я пробовал искать, но не нашел хорошего ответа.

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

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

+0

Я не думаю, что этого достаточно, чтобы сделать это. Вам нужно найти, что «класс» или «id» получает первый элемент сообщения. Затем нацелитесь на это 'class' или' id' с помощью CSS или php или что-то в этом роде. – Aidin

+0

Возможно, вы можете использовать '$ loop-> current_post == '0'', как упоминалось здесь, http://wordpress.stackexchange.com/questions/173171/how-to-target-thumbnails-of-the-first-post- in-the-loop – RST

ответ

0

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

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

.myspotlight{ 
background-color:red; 
} 

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

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

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

+0

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

+0

Что вы подразумеваете под «когда пост больше не первый»? Будет ли перезагрузка страницы? Будет ли она динамически обновляться? –

Смежные вопросы