折りたたみ要素やタブなどをショートコードで実装できるプラグイン「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 ドキュメント

  • このエントリーをはてなブックマークに追加

関連記事

jQueryをCDNから読み込む

WordPressではデフォルトでjQueryライブラリが同梱されています。この記事では、それをやめて、CDNから読み込み、使用する方法を解説します。 WordPress 3.6 3.9 4.0

Twenty Fourteen カスタマイズ

「Twenty Fourteen」はWordPress 3.8のデフォルトテーマです。TwentyThirteenから彩りもガラッとかわってますね。個人的には、すごく好きなデザイン。 Twent

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

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

ツールチップ実装プラグイン「WordPress Tooltip」

「WordPress Tooltip」は、WordPressにツールチップを実装できるプラグインです。jQueryプラグイン「TipTip」を組み込んでいます。プラグインページの対応バージョンは古めで

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

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

「タグクラウド」ウィジェット カスタマイズ

タグクラウドは、管理画面ではあまりカスタマイズできません。必要であれば、フィルターフックやプラグインを用いて表示設定や概観の変更を行うことができます。 目次 出力をカスタマイズ 各タグの

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

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

no image

「固定ページ」ウィジェット カスタマイズ

「固定ページ」ウィジェットは、そのままではありますが、固定ページの一覧をウィジェットに表示してくれます。 カスタマイズは、管理画面よりいくつかできるようです。 目次 特定の(固定)ページ

no image

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

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

ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ

プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill

Comment

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

  2. 便利なプラグインを見つけることができました。ただ最新の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

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

*

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

    PAGE TOP ↑