折りたたみ要素やタブなどをショートコードで実装できるプラグイン「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 ドキュメント
関連記事
-
-
head内に出力される要素を整理
Wordpressを使用していくうちに、head内がカオスな状態になっていくきますよね。そこで、そういう状態になったものをスッキリさせていこうという試みをやっていこうと思います。 削除方法 取り急
-
-
管理画面のCSSをカスタマイズ
管理画面のスタイルを変更したくなったので、カスタマイズしてみました。一例として以下を取り上げてみます。 「投稿一覧」の画面でカスタムフィールドが追加されていくと、そんなに幅が必要のないところが長くな
-
-
「Google Analytics for WordPress」投稿URLにやたら長いパラメータがついてしまう
Google 検索結果をみていたら、Wordpressの投稿のURLが実際のものより異様に長くなっているので何かなと思って調査してみました。 このような感じで http://kwski.net/ca
-
-
Twenty Fifteen カスタマイズ
WordPress 4.1のデフォルトテーマである「Twenty Fifteen」は三世代前の「Twenty Twelve」に似たテーマで非常にシンプルなテーマにまとまっていますね。カスタマイズをまと
-
-
サイトのキャプチャをショートコードで生成してくれる「Browser Shots」
外部のサイトを紹介する際にそのサイトのキャプチャが添えられているとイメージがつかみやすくなりクリックのモチベーションが上がるような気がします。 今回は、ショートコード一行でサイトのスクリーンショット
-
-
新年早々やらかした
あけましておめでとうございます。 タイトルどおり、新年早々やらかしてしまいましたのでご報告まで。どうやらかしたかというと、確認用サイトとこのブログを間違えてしまいWordpress 3.5にアップグ
-
-
Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更
標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです
-
-
コメントフォーム・リストのカスタマイズ
コメント投稿部分は、基本的にはどのテーマでも同じフォームを出力してテーマのstyle.cssで外観を変えています。コメントフォーム欄をカスタマイズするには、プラグインもしくはフックを用いてカスタマイズ
-
-
パーマリンク・スラッグなどURL カスタマイズ
管理画面からの設定 管理画面の「設定」→「パーマリンク設定」で以下の設定が可能です。 共通設定 色々なタグの組み合わせで、URLをカスタマイズできます。 パーマリンク設定の画面に利用可
-
-
Twenty Fourteen "コメントをどうぞ"の非表示と変更方法
Twenty Fourteenでは、デフォルトで投稿ページと各アーカイブページの各投稿のメタ情報欄に「コメントをどうぞ」というコメントフォームへのリンクが設置されます。 それぞれ、コメントが0件の場






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/)
私のところも同じ方法で動作しました。ありがとうございます。