2
<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

JavaScript を使用せずに WordPress でタブのショートコードを設定しようとしていますが、PHP は得意ではありません。これについて本当に助けが必要です。

4

4 に答える 4

0

これは、wordpress ショートコード API に関連するこの投稿の良い例です。

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

また、期待以上に役立つすべてのポイントについても説明しました。

于 2013-09-25T09:43:25.920 に答える
0

車輪を再発明する理由 WordPress を使用している場合は、プラグインも使用します (タブにはたくさんあります)。

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

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

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

于 2013-09-25T10:51:58.813 に答える