標籤簡碼 - WordPress的

Question

<div id="tab-side-container"> 
<ul> 
    <li><a href="#side-tab1">Tab 1</a></li> 
    <li><a href="#side-tab2">The Second Tab</a></li> 
    <li><a href="#side-tab3">Tab C</a></li> 
</ul> 
<div class="panel-container"> 
    <div id="side-tab1"> 
    <h2>Configurations</h2> 
    <p>This example has the animation disabled, so tab-switching is instantaneous. It also sets the active class names to custom names for more control over CSS stylization.</p> 
    </div> 
    <div id="side-tab2"> 
    <h2>Heading 2</h2> 
    <p>Stuff from the second tab.</p> 
    </div> 
    <div id="side-tab3"> 
    <h2>Heading 3</h2> 
    <p>More stuff from the last tab.</p> 
    </div> 
</div> 
</div> 

http://codex.wordpress.org/Shortcode_API

我試圖設置在WordPress的標籤沒有JavaScript一個短代碼，但PHP是不是我的強項。我真的需要幫助。

Answer 1

以下是這篇文章涉及到WordPress的簡碼API

http://wp.smashingmagazine.com/2012/05/01/wordpress-shortcodes-complete-guide/

每一點都可以幫助您更那麼你的期望還描述一個很好的例子。

Answer 2

爲什麼要重新發明輪子？您正在使用的WordPress，使用插件以及（有很多的選項卡）：

1）http://wordpress.org/plugins/tabs-shortcode/

2）http://wordpress.org/plugins/wp-ui/faq/

3）http://wordpress.org/plugins/put/screenshots/

Answer 3

好，我找到有用的例子。我決定與它分享。

回答

$tabs_divs = ''; 

function tabs_group($atts, $content = null) { 
    global $tabs_divs; 

    $tabs_divs = ''; 

    $output = '<div id="tab-side-container"><ul'; 
    $output.='>'.do_shortcode($content).'</ul>'; 
    $output.= '<div class="panel-container">'.$tabs_divs.'</div>'; 

    return $output; 
} 


function tab($atts, $content = null) { 
    global $tabs_divs; 

    extract(shortcode_atts(array( 
     'id' => '', 
     'title' => '', 
    ), $atts)); 

    if(empty($id)) 
     $id = 'side-tab'.rand(100,999); 

    $output = ' 
     <li> 
      <a href="#'.$id.'">'.$title.'</a> 
     </li> 
    '; 

    $tabs_divs.= '<div id="'.$id.'">'.$content.'</div>'; 

    return $output; 
} 

add_shortcode('tabs', 'tabs_group'); 
add_shortcode('tab', 'tab'); 

Answer 4

下面是一個使用基於類的方法的另一個可行的解決方案。這是使用全局變量的不錯選擇。有關它如何工作的解釋，請參閱此link。

<?php 

/** 
* Tabs Short Code 
*/ 
if (! class_exists('TabsClass')) { 
class TabsClass { 

    protected $_tabs_divs; 

    public function __construct($tabs_divs = '') { 
     $this->_tabs_divs = $tabs_divs; 
     add_shortcode('tabs', array($this, 'tabs_wrap')); 
     add_shortcode('tab', array($this,'tab_block')); 
    } 

    function tabs_wrap ($args, $content = null) { 
     $output = '<div class="tabs"><ul>' . do_shortcode($content) . '</ul>'; 
     $output .= $this->_tabs_divs . '</div>'; 
     return $output; 
    } 

    function tab_block($args, $content = null) { 
     extract(shortcode_atts(array( 
      'id' => '', 
      'title' => '', 
     ), $args)); 

     $output = ' 
      <li> 
       <a href="#'.$id.'">'.$title.'</a> 
      </li> 
     '; 

     $this->_tabs_divs.= '<div id="'.$id.'">'.$content.'</div>'; 

     return $output; 
    } 

} 
new TabsClass; 
}