エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
WordPressでjQuery UI Tabを使用する | doop
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
WordPressでjQuery UI Tabを使用する | doop
久々の更新。 最近、会社のホームページをWordPressで作っている。 実際に仕事で利用すると、普段は考え... 久々の更新。 最近、会社のホームページをWordPressで作っている。 実際に仕事で利用すると、普段は考えない事を色々と考えなきゃなんない。 個人利用なら、「まいっか」で片付けられるんだけどね。 本題。 本文中にタブメニューを表示すると言う要件で、jQuery UI タブを利用してみた。 最近だとCSS3で実装する方法もあるみたいだけど、クロスブラウザの事を考えると jQueyr UIの方がいいかなーと採用してみた。なんつっても、管理メニューも同じ実装だもんね。 WordPressは標準でjQuery UIが実装されているので使用するのは簡単。 まず、本文に以下のようなHTMLを記述。 今回は固定ページでやってみた。 <div id="tabmenu"> <ul> <li><a href="#tabs-1">メニュー 1</a></li> <li><a href="#tabs-2">メニ