折りたたみ要素やタブなどをショートコードで実装できるプラグイン「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ソーシャルボタン設置 プラグイン
  • このエントリーをはてなブックマークに追加

関連記事

Twenty Fourteenカスタマイズ用プラグインと派生テーマ

WordPressの現在のデフォルトテーマ「Twenty Fourteen」のカスタマイズに便利なプラグインと、「Twenty Fourteen」をもとに作成されたテーマのまとめです。 カスタマ

「Google Analytics for WordPress」投稿URLにやたら長いパラメータがついてしまう

Google 検索結果をみていたら、Wordpressの投稿のURLが実際のものより異様に長くなっているので何かなと思って調査してみました。 このような感じで http://kwski.net/ca

titleタグ(wp_title) カスタマイズ

SEO対策を行う際に、titleタグは重要な要素だと言われています。 「サイトのタイトル」、「キャッチフレーズ」(site_description)、「カテゴリー名」など色々と組み合わせてみることが

テーマ 「Responsive」 カスタマイズ

デモ | ダウンロード 目次 投稿日 非表示 作成者 非表示 "Responsive Theme powered by WordPress" 削除 投稿日 非表示 オリ

no image

アイキャッチにマウスオーバーすると投稿タイトルを表示

WordPressのフォーラムから定期的に流入があるため、対応をいくつか探ってみました。トピックは、「サムネイルにマウスオーバーするとタイトルが表示されるようにしたい」 ちなみに、投稿内のキャプ

Twenty Ten カスタマイズ

Twenty Tenのカスタマイズについてのまとめです。 目次 コンテンツナビゲーション 非表示 「投稿日」を非表示 「作成者(投稿者)」を非表示 "コメントをどうぞ"("leave a

テーマ ブックマーク 2013

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

Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更

標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです

ポップアップが実装できるプラグイン「Anything popup」「Easy Modal」

ポップアップ 「Anything Popup」 「Anything popup」は、ページにポップアップが実装できるWordPressプラグインです。ポップアップ要素を投稿ページと同様に作成できるた

no image

ソーシャルボタン設置 プラグイン

各種メジャーなソーシャルメディアボタンを設置できるプラグイン WP Social Bookmarking Light 国産プラグイン。国産ゆえ、はてなボタンの設置も可能 ダウンロード Twe

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/)

@soiya1919 へ返信する コメントをキャンセル

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

CAPTCHA

*

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

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

新規投稿

  • ブックマーク

    PAGE TOP ↑