折りたたみ要素やタブなどをショートコードで実装できるプラグイン「Arconix Shortcodes」

「Arconix Shortcodes」は、投稿内にショートコードでいろいろな要素を実装できるプラグインです。ダウンロードはこちらからできます。ダウンロード・解凍してpluginsディレクトリにアップロード。プラグインの管理画面から有効化するだけで使用できます。特に設定はないです。サンプル

Arconix Shortcodes バージョン 2.0.1
特に問題が発生したわけではないですが、今は使ってないです。以下参考まで

Accordions(折りたたみ要素)

折りたたみ要素が実装できます。Accordions
[accordion title="見出し文字"] 内容 [/accordion]と指定します

[accordions]
[accordion title="title1"] tab content [/accordion]
[accordion title="title2"] another content tab [/accordion]
[/accordions]

Tab(タブ)

タブが実装できます。Tab
[tab title="タブ名"] タブで開く内容 [/tab]と指定します。

[tabs]
[tab title="Tab 1"]Tab 1 Content[/tab]
[tab title="Tab 2"]Tab 2 Content[/tab]
[tab title="Tab 3"]Tab 3 Content[/tab]
[/tabs]

Toggle(トグル)

開閉パネルが実装できます。Toggle
[toggle title="トグル名"] トグルで開く内容 [/tab]と指定します。

[toggle title="Toggle This"]Toggle Content to show on click[/toggle]
// 初期表示で開いておく場合
[toggle load="open" title="Toggle This"]Toggle Content to show on click[/toggle]



今回は、主に使いそうなものをピックアップしてみました。その他いろいろありますので試してみて下さい。
Arconix Shortcodes ドキュメント

他プラグイン

Accordion Shortcode　WP UI - Tabs, Accordions, Sliders　WP ShowHide　Arconix FAQ

Related

Default Thumbnail要素を折りたたみできる「nestedAccordion」 Tumblrの投稿をウィジェットに表示できる「Tumblr Widget」 「最近のコメント」ウィジェットをカスタマイズ 多言語化プラグイン「qTranslate」 Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」 開発やテストに便利なプラグイン タブを画面サイズによってアコーディオンにしてくれる「Easy Responsive Tabs to Accordion」 Default Thumbnailソーシャルボタン設置 プラグイン
  • このエントリーをはてなブックマークに追加

関連記事

no image

スライダー・ギャラリー プラグイン

WordPressにギャラリーが実装できるプラグインをまとめてみました。 順番はオススメ順です。 Simple Responsive Slider #ショートコード　#テンプレート #ウ

画像マウスオーバーでキャプションを表示

メディアをアップロードした際に、「キャプション」項目にテキストを設定された画像を挿入した場合はキャプションショートコードが生成され、ページ内の各画像下にその設定したテキストが表示されます。 今回

サイトのキャプチャをショートコードで生成してくれる「Browser Shots」

外部のサイトを紹介する際にそのサイトのキャプチャが添えられているとイメージがつかみやすくなりクリックのモチベーションが上がるような気がします。 今回は、ショートコード一行でサイトのスクリーンショット

no image

Google+ プラスワン(+1)ボタンの設置

Google+の+1ボタンの設置はプラグインを使用しなくても容易に実装できるようです。ソーシャルボタン設置のプラグインはこちらにいちおうまとめています。 プラスワン(+1)ボタンの設置コード 公式

"コメントを残す" 削除・文言を変更する方法

コメントフォームに表示される「コメントを残す」はWordPress標準で翻訳される要素です。テーマ側でカスタマイズしていない限り表示されます。 ここでは、この要素を削除したり、文言を変更する方法を紹

Twenty Fourteen 「投稿者」を非表示

TwentyFourteenでは、シングルページやアーカイブページにそれぞれ「投稿者」が表示されます。投稿者を非表示にさせる方法を投稿してみます。表示させる場合は、以下を参考に表示名などを変更してみて

Twenty Twelve "コメントをどうぞ"を消す

今回は「Twenty Twelve」で標準で投稿タイトル下に出力されるリンク"コメントをどうぞ"｜"Leave a reply"を非表示にする方法を。(コメントやピンバックが1件の場合は"1件のフィー

テーマ ブックマーク 2013

2012 フリーテーマ トップ 20 Top 20 Free WordPress Themes of 2012 http://ow.ly/wMGjZ ハイクオリティフリーテーマ 3月 20 Top

開発やテストに便利なプラグイン

開発やカスタマイズに使えそうなプラグインを集めてみました。 テーマのカスタマイズには、使用中のテンプレートファイルなどを表示してくれると便利ですね。個人的には、テーマ開発の際に、実行しているSQ

Twenty Twelve 投稿者情報を表示/非表示に

TwentyTwelveでは、投稿ページごとに投稿者の情報を掲載することができます。他のテーマでも同様だと思います。こんな感じです。ここでは、掲載と削除の方法について記載します。 表示方法 「

Comment

  2. “[toggle title="Toggle This"]Toggle Content to show on click[/toggle] // 初期表示で開いておく場合 [toggle load="open" title="Toggle This"]Toggle Content to show on click[/toggle]”

  7. 便利なプラグインを見つけることができました。ただ最新のjQuery1.9～では動かなかったのが残念です。なにはともあれ貴重な情報ありがとうございました。

    返信

    • コメントありがとうございます。
      どうやら、このプラグインが使っている「jQuery TOOLS」というライブラリが1.9と相性が悪いようですね。
      「jQuery Migrate plugin」 (http://jquery.com/download/) のjquery-migrate-*.*.*.min.js を追加でインクルードして確認したところ動いてくれました。
      jQuery Migrate plugin 導入プラグイン
      「jQuery Migrate」(http://wordpress.org/plugins/jquery-migrate/)

札幌イベントページ (春) 完成 | でっかいどーねっと へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

PREV
テキストエリアを自動的にリサイズしてくれる「Autosize」
NEXT
シンプルに設置できる数字Captcha「MathCaptcha」

新規投稿

  • ブックマーク

    PAGE TOP ↑