Arconix Shortcodesこちらにしましょう

http://wp-themetank.com/wordpress-plugin-acconix-shortcode/

http://jump-up.info/wordpress/arconixshortcodes.html

Arconix Shortcode のもう少し詳しい使い方

WordPressプラグイン『Arconix Shortcodes』を使って,投稿した記事内に段組みを作る方法

 

2017-03-04現在25種類あります。

[tabs]
[tab title=”補足説明”]

図で入れましょう

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

[/tab]
[tab title=”そのまま入れると・・・”]

ショートコードが混信して表示されなくなりますので［］をとりまして・・・

1. code
2. loginout
3. site-link
4. the-year
5. wp-link
6. abbr
7. highlight
8. accordions
9. accordion
10. box
11. button
12. list
13. tabs
14. tab
15. toggle
16. one-half
17. one-third
18. two-thirds
19. one-fourth
20. two-fourths
21. three-fourths
22. one-fifth
23. two-fifths
24. three-fifths
25. four-fifths

[/tab]
[/tabs]

全部確認しておきましょう。

code

[code]get_the_content()[/code]

loginout

[Loginout]

site-link

[site-link]？

the-year

[the-year before=”©” start=”2001″ after=”All Rights Reserved”]

wp-link

[Wp-link]

abbr

highlight

[highlight]Text to highlight[/highlight]

accordions

accordion

[accordions]
[accordion title=”アコーディオンＡ”]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/accordion]
[accordion title=”アコーディオンＢ”]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/accordion]
[accordion title=”アコーディオンＣ” last=”y”]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/accordion]
[/accordions]

box(info alert coment download tip)

[box style=”tip”]この文章はダミーです。[/box]

[box style=”pink”]greenとか16色変指定できるらしい[/box]

button

[button size=”small” color=”black” url=”http://google.com” target=”blank”]Google[/button]
[button size=”medium” color=”black” url=”http://google.com” target=”blank”]Google[/button]
[button size=”large” color=”black” url=”http://google.com” target=”blank”]Google[/button]

list（WEｂフォントもいけます）

[list style=”arrow-blue”]

• Item 1close
• Item 2star
• Item 3check

[/list]

[list icon=”fa-send” icon_color=”green”]

• Item 1close
• Item 2star
• Item 3check

[/list]

tabs

[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=”Tab title”] .単体のタブですね[/tab]あら？

toggle

[toggle heading=”h5″ title=”ここをクリック”]この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。[/toggle]

one-half

・・・くわ！これでかいけつだ～ヽ(^。^)ノ

[one-half]2段組の左[/one-half]

[one-half last]2段組の右[/one-half]

★

[one-half]2段組の左[/one-half]

[one-half last]2段組の右[/one-half]

one-third(fourth fifth)

[one-third]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-third][one-third]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-third][one-third last=”y”]
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
[/one-third]

two-thirds

one-fourth

two-fourths

three-fourths

one-fifth

two-fifths

## 4 columns – 40% / 20% / 20% / 20% ##
[two-fifths]
Content
[/two-fifths]
[three-fifths]
Three times the content
[/three-fifths]
[one-fifth last]
Content
[/one-fifth]

three-fifths

four-fifths