折りたたみ要素やタブなどをショートコードで実装できるプラグイン「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 ドキュメント
関連記事
-
-
投稿タイトル(entry-title)を非表示にする
表題通り「投稿タイトルを表示しない」ことは、"投稿ページ"ではあまりないと思いますが、"固定ページ"では意外とあったりします。 編集画面でTitleを入力しないでおけば、それで済むのですが、ペー
-
-
ツールチップ実装プラグイン「WordPress Tooltip」
「WordPress Tooltip」は、WordPressにツールチップを実装できるプラグインです。jQueryプラグイン「TipTip」を組み込んでいます。プラグインページの対応バージョンは古めで
-
-
Twenty Twelve カスタマイズ
何点かTwentyTwelveのカスタマイズについてご質問をいただきましたのでここでまとめてみます。 目次 子テーマのつくりかた 他記事へのリンク アーカイブタイトル("カテゴリー別アーカ
-
-
ie.cssの子テーマ化など Twenty Twelve 1.1での変更点
TwentyTwelveが1.0から1.1にアップデートされたので、勉強もかねていくつか変更点を洗ってみました。 ie.cssを外出し pubdateの削除 rel="generator"
-
-
Twenty Fourteen クレジットを非表示・変更方法
Twenty Fourteenにも最下部に「Proudly powered by WordPress」というコピーライトが表示されます。それを削除もしくは変更するには、footer.phpを編集して行
-
-
テーマ ブックマーク 2014
有料 技術系・ガジェットサイトテーマ 30 Blog & Magazine Style WordPress Themes for Tech & Gadget Sites
-
-
Tumblrの投稿をウィジェットに表示できる「Tumblr Widget」
このブログでは、サイドバーウィジェットに「Tumblr」に投稿したブックマーク一覧を表示させています。プラグインは「Tumblr Widget」を使用しています。ダウンロード 「This plugi
-
-
Twenty Thirteen カスタマイズ
WordPress 3.6のデフォルトテーマである「Twenty thirteen」のカスタマイズをまとめて投稿します。 Twenty thirteenのカスタマイズネタがあまりないです。(それだけ
-
-
JSやCSSに自動で付与されるバージョン番号を非表示に
Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して
-
-
head内に出力される要素を整理
Wordpressを使用していくうちに、head内がカオスな状態になっていくきますよね。そこで、そういう状態になったものをスッキリさせていこうという試みをやっていこうと思います。 削除方法 取り急
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/)
私のところも同じ方法で動作しました。ありがとうございます。