Как показать категорию пост и заголовок отдельный цикл

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

    <ul class="tabs">
    <li><a href="#content_1" rel="tab_1" class="tab active_tab">Tabs 1</a></li>
    <li><a href="#content_2" rel="tab_2" class="tab">Tabs 2</a></li>
    <li><a href="#content_3" rel="tab_3" class="tab">Tabs 3</a></li>
    <li><a href="#content_4" rel="tab_4" class="tab">Tabs 4</a></li>
    <li><a href="#content_5" rel="tab_5" class="tab">Tabs 5</a></li>
    </ul>

so here under li (tabs) put post title 




<div id="content_1" class="tab_view first_tab">
                    <h2>Tab #1</h2>
                        <p>Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque, eget nisl. Pellentesque nibh duis odio morbi quam, scelerisque convallis aenean quam tincidunt ornare nam nec feugiat sodales tristique.</p>                         
                </div>

<div id="content_1" class="tab_view first_tab">
                    <h2>Horizontal Tab #1</h2>
                        <p>Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque, eget nisl. Pellentesque nibh duis odio morbi quam, scelerisque convallis aenean quam tincidunt ornare nam nec feugiat sodales tristique.</p>                         
                </div>
<div id="content_1" class="tab_view first_tab">
                    <h2>Horizontal Tab #1</h2>
                        <p>Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque, eget nisl. Pellentesque nibh duis odio morbi quam, scelerisque convallis aenean quam tincidunt ornare nam nec feugiat sodales tristique.</p>                         
                </div>
<div id="content_1" class="tab_view first_tab">
                    <h2>Horizontal Tab #1</h2>
                        <p>Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque, eget nisl. Pellentesque nibh duis odio morbi quam, scelerisque convallis aenean quam tincidunt ornare nam nec feugiat sodales tristique.</p>                         
                </div><div id="content_1" class="tab_view first_tab">
                    <h2>Horizontal Tab #1</h2>
                        <p>Lorem ipsum dolor sit amet, duis netus ut posuere feugiat arcu, purus wisi quis fringilla at, nunc ut eget elit duis erat praesent, ut fermentum lacus turpis cras. Justo gravida erat quam mauris purus, aliquam quisque, eget nisl. Pellentesque nibh duis odio morbi quam, scelerisque convallis aenean quam tincidunt ornare nam nec feugiat sodales tristique.</p>                         
                </div>

смотри внимательно href="#content_1" rel="tab_1" этот #content_ (1,2,3,4,5) должен автоматически. аналогичный <div id="content_1" этот контент_ также номер будет автоматически я имею в виду номер поста

Источник

1 ответ

Вы можете попробовать это

     $args = array(
'post_type' => array('post'), 
'orderby' => 'post_date',
'category_name'=>'my category name' ,
'showposts' => 5 );
$array= get_posts($args); ?>
<ul class="tabs">
 for ($i = 0; $i < count($array); $i++) { ?>    
<li><a href="#content_<?php echo $i+1; ?>" rel="tab_<?php echo $i+1; ?>" class="tab">Tabs 

<?php echo $i+1; ?></a></li>

<?php
$divs.='<div id="content_'.($i+1).'" class="tab_view first_tab">
<h2>'.$array[$i]->post_title.'</h2>
<p>'.$array[$i]->post_content.'</p>                         
                </div>';    
 } ?>
 </ul>

<?php $divs; ?>
Источник
Другие вопросы по тегам