折りたたみ要素やタブなどをショートコードで実装できるプラグイン「Arconix Shortcodes」
「Arconix Shortcodes」は、投稿内にショートコードでいろいろな要素を実装できるプラグインです。ダウンロードはこちらからできます。ダウンロード・解凍してpluginsディレクトリにアップロード。プラグインの管理画面から有効化するだけで使用できます。特に設定はないです。サンプル
特に問題が発生したわけではないですが、今は使ってないです。以下参考まで
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 ドキュメント
関連記事
-
-
Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更
標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです
-
-
ログイン画面・機能をカスタマイズ
CSSを変更してスタイル変更 ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。 // オリジナル /wp-admin/css/login.min.
-
-
画像マウスオーバーでキャプションを表示
メディアをアップロードした際に、「キャプション」項目にテキストを設定された画像を挿入した場合はキャプションショートコードが生成され、ページ内の各画像下にその設定したテキストが表示されます。 今回
-
-
テーブル実装プラグイン「TablePress」 + レスポンシブ対応
「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロード デモ (PCの場合はブラウザの幅狭めてみたり
-
-
Twenty Fifteen カスタマイズ
WordPress 4.1のデフォルトテーマである「Twenty Fifteen」は三世代前の「Twenty Twelve」に似たテーマで非常にシンプルなテーマにまとまっていますね。カスタマイズをまと
-
-
プラグイン関連のJSやCSSの読み込みをフィルター
プラグインをインストールしていくとheadやfooter内がCSSやJSで溢れていきます。できるだけ、自分で書けるものに関しては、余計なコールが少なくなるので可能な場合はそうしていますが(そうもいかず
-
-
「Google Analytics for WordPress」投稿URLにやたら長いパラメータがついてしまう
Google 検索結果をみていたら、Wordpressの投稿のURLが実際のものより異様に長くなっているので何かなと思って調査してみました。 このような感じで http://kwski.net/ca
-
-
Twenty Thirteen カスタマイズ
WordPress 3.6のデフォルトテーマである「Twenty thirteen」のカスタマイズをまとめて投稿します。 Twenty thirteenのカスタマイズネタがあまりないです。(それだけ
-
-
Twenty Twelve 投稿日・投稿者を非表示に
TwentyTwelveのちょっとした部分をカスタマイズする方法を紹介していきます。 また、子テーマで出力部分を変更する際に、翻訳が必要な部分//_()の部分がでてきますので、以下の投稿も参考に
-
-
Twenty Twelve "Open Sans"の使用を止
「Twenty Twelve」では、"スペシャルフォント"ということで「Open sans」を特別にロードしているようです。今のところ使うつもりがないのでリンクしないようにしました(必要になれば戻せば






Comment
メモ。
“[toggle title="Toggle This"]Toggle Content to show on click[/toggle] // 初期表示で開いておく場合 [toggle load="open" title="Toggle This"]Toggle Content to show on click[/toggle]”
[…] 参考にしたサイト http://kwski.net/wordpress/1019/ […]
@daikipodU 例のサイトコイツ入れて折りたたみとかすると見やすくなると思う
http://t.co/NSrBI0d3qC
[…] らーっとコンテンツを並べたらものすごく長いページになってしまう気がしているので、この記事(折りたたみ要素やタブなどをショートコードで実装できるプラグイン「Arconix Shortcodes」) […]
折りたたみ要素やタブなどをショートコードで実装できるプラグイン「Arconix Shortcodes」 http://kwski.net/wordpress/1019/
便利なプラグインを見つけることができました。ただ最新の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/)
私のところも同じ方法で動作しました。ありがとうございます。