折りたたみ要素やタブなどをショートコードで実装できるプラグイン「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 ドキュメント
関連記事
-
-
ログイン画面・機能をカスタマイズ
CSSを変更してスタイル変更 ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。 // オリジナル /wp-admin/css/login.min.
-
-
Twenty Ten カスタマイズ
Twenty Tenのカスタマイズについてのまとめです。 目次 コンテンツナビゲーション 非表示 「投稿日」を非表示 「作成者(投稿者)」を非表示 "コメントをどうぞ"("leave a
-
-
Twenty Eleven カスタマイズ
目次 author-info 消す 作成者(投稿者)を消す 投稿者情報を表示しない proudly powered by wordpressのリンクをコピーライトに変更
-
-
Pocketボタンの設置
日本のブログでは、4大SNS(Twitter, はてな, Facebook, Google+)に加えて最近では、Pocket(以前は、Read it later)もよく見かけますよね。追加してみました
-
-
「カテゴリー」ウィジェット カスタマイズ
「カテゴリー」ウィジェットは、管理画面ではあまりカスタマイズできません。必要であれば、フックやプラグインを用いて表示設定などの変更を行うことができます。 目次 「カテゴリー」ウィジェットの追加
-
-
ie.cssの子テーマ化など Twenty Twelve 1.1での変更点
TwentyTwelveが1.0から1.1にアップデートされたので、勉強もかねていくつか変更点を洗ってみました。 ie.cssを外出し pubdateの削除 rel="generator"
-
-
ポップアップが実装できるプラグイン「Anything popup」「Easy Modal」
ポップアップ 「Anything Popup」 「Anything popup」は、ページにポップアップが実装できるWordPressプラグインです。ポップアップ要素を投稿ページと同様に作成できるた
-
-
「最近の投稿」ウィジェット カスタマイズ
目次 ウィジェットを削除 標準の設定 特定のカテゴリーに属する投稿を除外 カスタマイズ プラグイン 「最近の投稿」ウィジェットを削除 「最近の投稿」ウィジェット
-
-
Twenty Twelve 投稿日・投稿者を非表示に
TwentyTwelveのちょっとした部分をカスタマイズする方法を紹介していきます。 また、子テーマで出力部分を変更する際に、翻訳が必要な部分//_()の部分がでてきますので、以下の投稿も参考に
-
-
プラグイン関連のJSやCSSの読み込みをフィルター
プラグインをインストールしていくとheadやfooter内がCSSやJSで溢れていきます。できるだけ、自分で書けるものに関しては、余計なコールが少なくなるので可能な場合はそうしていますが(そうもいかず
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/)
私のところも同じ方法で動作しました。ありがとうございます。