【WordPress】記事中で文章を折りたたみたい。どうしたらいいの?

シェアする

WordPressでブログを書いてるそこのあなた!記事中で文章を折りたたみたい。そんなあなたにご紹介するプラグインがこちら「Arconix Shortcodes

記事を折りたたむならToggle

このプラグインを使うと例えばこんな書き方ができちゃうの!

[toggle title=”記事を折りたたむならToggle”]

[toggle title="Toggle This"]Toggle Content to show on click[/toggle]

[/toggle]

[toggle title=”トグルはよく見るよね”]

トグルは筆者の一番お気に入り

記事が長文になりすぎた時なんかにいいよね

[/toggle]

どれか一つだけが開いてる状態をつくりたいんだ

[accordions]

[accordion title=”そんなときはAccordions”] 下の三角印をクリックしてみてよ[/accordion] [accordion title=”どうどう??”]超クールじゃない?[/accordion]

[accordion title=”書き方はこんな感じ” last]

[accordions]
[accordion title="Accordion 1"]Accordion 1 content here[/accordion]
[accordion title="Accordion 2"]Accordion 2 content here[/accordion]
[accordion title="Accordion 3" last]Accordion 3 content here[/accordion]
[/accordions]

[/accordion]

[/accordions]

もちろんタブも用意されてる

[tabs]

[tab title=”Tabも使いドコロはあるはず”]

これも結構お目にかかるよね

[/tab]

[tab title=”書き方はこんなの”]

[tabs] 
[tab title="Tab 1"] Tab 1 content here [/tab]
[tab title="Tab 2"] Tab 2 content here [/tab] 
[tab title="Tab 3"] Tab 3 content here [/tab]
[/tabs]

[/tab]

[tab title=”どんなもんでしょ”]

そういえばこのサイトは[highlight]SairiMedia[/highlight]という名前なんだ。覚えて帰っておくれ

[/tab]

[/tabs]

目立たせたい!!

[highlight]ここ大事!![/highlight]

ハイライトすることだってできるんだ!

[highlight]Text to highlight[/highlight]

色付きで囲みたい時もあるよね

[box color=”lgreen” icon=”download”]

そんなときはbox!枠で囲むこともできちゃう

[box color="lgreen" icon="download"] My Box content goes here [/box]

[/box]

リンクが味気ないなー

[button size=”large” color=”blue” url=”http://media.sairilab.com/”]SairiMedia[/button]

それならリンクをボタンにするのもいいね

[button size="large" color="blue" url="http://media.sairilab.com/"]
SairiMedia
[/button]

ダブルカラム(2列)にすることだってできちゃう

[one-half]

左側には説明をいれて、右側にはコードを書くとかに使えるかな。スマホで表示することを考えるとオススメはできないけどね

[/one-half]

[one-half last]

[one-half] This is the left column content [/one-half]

[one-half last] This is the right column content [/one-half]

[/one-half]

いかがでしたか。記事中での表現の幅が広がるかも!!WordPressマンのみんなも「Arconix Shortcodes」をインストールして使ってみよう!!