如何顯示類別的帖子和標題單獨的循環

我正在做一個滑塊選項卡，我知道有噸的插件，但我不想使用插件。所以我想要顯示我的類別帖子標題和帖子像bellow 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"這個content_也號碼將自動我的意思後數

來源

2013-07-24 Accore LTD

你可以試試這個

 $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; ?>

來源

2013-07-24 06:03:56

如何顯示類別的帖子和標題單獨的循環

回答

相關問題