Jump to content
  • 0

Настраиваемый вывод новостей


temaruru
 Share

Question

Здравствуйте, снова вопрос по wordpress! Как реализовать, чтобы любые новости, добавленные в любую категорию, выводились как на скрине, (т.е. идет вывод новостей, но в определенных участках к новости добавляются css стили, как показано на скрине, т.е. я добавил новость, она отображается под номером 1! Как только новую новость добавил, старая новость переходить в область 2, а новая занимает 1 ) Прошу помочь, т.к. даже не знаю как сформулировать данный вопрос для гугла!
PS скрин: https://yadi.sk/i/mZx20JLrb8ZN7

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Если правильно понял проблему:

$posts = get_posts (    array (        'numberposts'     => 8 // количество постов    ));foreach ($posts as $index => $post) { // перебираем все посты    if ($index == 0) $post1 = $post; // сохраняем первый пост (последний добавленный) в переменную    if ($index == 7) $post8 = $post; // сохраняем восьмой пост    if ($index > 0 && $index < 7) $my_posts[] = $post; // сохраняем с 2 по 7 пост в массив}

P.S. Не проверял.

Link to comment
Share on other sites

  • 0

Если я правильно понял, то у вас просто выводится 8 новостей,  и у 1-й и 8-й другие стили.

Поставьте просто счетчик и добавляйте 

	      <?php		  $i = 0;		  global $post;  		  $args = array( /* параметры */ );  		  $myposts = get_posts( $args );  		  foreach( $myposts as $post ) :  setup_postdata($post); 		  		     $i++;		     ?>  		     <div class="news" id="news_<?php echo $i; ?>">				 	         </div>				 		  <?php endforeach; ?>

и соответственно в CSS отдельные стили для  #news_1 и #news_8

Edited by Kirill M
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By lapochka
      Здраствуйте. Нужна помощь с казалось бы простой темой 
       
      Есть вот такой вид контента, заголовок будет максимум из двух строк (ограничение движка), для контента поставила max-height, в случае если строка одна всё нормально, но если строки две, то текст контента налазит на текст информации о новости.
       

       
      HTML:
      <div class="news"> <div class="news_header">Заголовок</div> <div class="news_content">Текст контента</div> <div class="news_info">Информационный текст</div></div>CSS:
      .news{ background-color:#f0f5f9; display:inline-block; height:270px; width:270px; float:left; margin-bottom:10px; padding:10px; position:relative;}.news:nth-child(3n+2){ margin:0 10px; width:280px;}.news_header{ text-transform:uppercase; max-height:40px; overflow:hidden;}.news_content{ display:block; font-size:12px; margin:10px 0; max-height:210px; overflow:hidden;}.news_info{ display:block; position:absolute; bottom:10px; height:21px;}Заранее огромное спасибо!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy