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

関連記事

「Contact Form 7」 メッセージの送信に失敗~

この修正はWordPress 3.5で行われているようです。(~3.4.2) Contact Form 7で以下のエラーメッセージが出る場合は、確認してみて下さい。 「メッセージの送信に失敗

no image

テーマ ブックマーク 2014

有料 技術系・ガジェットサイトテーマ 30 Blog & Magazine Style WordPress Themes for Tech & Gadget Sites

テーブル実装プラグイン「TablePress」 + レスポンシブ対応

「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロード デモ (PCの場合はブラウザの幅狭めてみたり

ログイン画面・機能をカスタマイズ

CSSを変更してスタイル変更 ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。 // オリジナル /wp-admin/css/login.min.

プラグイン関連のJSやCSSの読み込みをフィルター

プラグインをインストールしていくとheadやfooter内がCSSやJSで溢れていきます。できるだけ、自分で書けるものに関しては、余計なコールが少なくなるので可能な場合はそうしていますが(そうもいかず

多言語化プラグイン「qTranslate」

ブログを多言語化しようと思い、プラグイン「qTranslate」を導入してみました。 General Settingsで使用する言語を選択する ★使用する言語を選択 管理画面「設定」⇒「Lang

投稿記事から「(ログイン)ユーザー名」がバレるのを防ぐ

ここ最近、アカウント乗っ取りやセキュリティ事故関連のニュースが相次いでいますが、WordPressで制作されたサイトも標的に会っているようです。一般的な手法としては「ブルートフォースアタック」という手

「カレンダー」ウィジェット カスタマイズ・プラグイン

目次 カレンダー移動をajax遷移させるようにする 営業日・休業日を色分けして表示 ページやウィジェットにgoogleカレンダーを追加 カレンダーウィジェットをajax遷移させるよ

Twenty Twelve 投稿日・投稿者を非表示に

TwentyTwelveのちょっとした部分をカスタマイズする方法を紹介していきます。 また、子テーマで出力部分を変更する際に、翻訳が必要な部分//_()の部分がでてきますので、以下の投稿も参考に

Twenty Fourteen クレジットを非表示・変更方法

Twenty Fourteenにも最下部に「Proudly powered by WordPress」というコピーライトが表示されます。それを削除もしくは変更するには、footer.phpを編集して行

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

Message

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

CAPTCHA

*

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

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

新規投稿

  • ブックマーク

    PAGE TOP ↑