Arconix Shortcodesを使ってみた

Arconix Shortcodesは簡単にショートコードを利用できるプラグインです。

スタイルはredです。

スポンサーリンク




1. インストール

インストールは、他のプラグインと同様です。

WordPress管理画面>プラグイン>新規追加>「Arconix shortcodes」で検索してインストールし有効化するだけです。

設定は特には入りません。

[box]これがboxです[/box]

のように書くと、

これがboxです

と表示されます。

2. boxにはスタイルが設定できます

[box style="info"]1. の文章はinfoです。[/box]

1. の文章はinfoです。

[box style="alert"]2. この文章はalertです。[/box]

2. この文章はalertです。

[box style="comment"]3. この文章はcommentです。[/box]

3. この文章はcommentです。

[box style="download"]4. この文章はdownloadです。[/box]

4. この文章はdownloadです。

[box style="tip"]5. この文章はtipです。[/box]

5. この文章はtipです。

これらの凝った修飾が下記の簡単なショートコードで実現できます。

3. BOXの色指定

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

この文章はダミーです。

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

この文章はダミーです。

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

この文章はダミーです。

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

この文章はダミーです。

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

この文章はダミーです。
この文章はダミーです。

3. アコーディオン

ここを押してね!
おすなよ!
ここを押してね!
おすなよ!
ここを押してね!
おすなよ!
[accordions]
[accordion title=”ここを押してね!”]おすなよ![/accordion]
[accordion title=”ここを押してね!”]おすなよ![/accordion]
[accordion title=”ここを押してね!”]おすなよ![/accordion]
[/accordions]
各’accordion’の後ろに改行を入れてはイケません。

3. ボタン

この様なボタンが、

このようなコードで、

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

簡単に実現します。

WordPressプラグイン100選

4. タブ

タブ1
タブ2
タブ3

このコードは下記です。

[tabs]
[tab title=”Tab 1″]タブ1[/tab]
[tab title=”Tab 2″]タブ2[/tab]
[tab title=”Tab 3″]タブ3[/tab]
[/tabs]

5. トグルボタン

ここをクリック
この文章
[toggle heading=”h5″ title=”ここをクリック”]この文章[/toggle]

6. list

[list style=”arrow-blue”]
<ul>
<li>aaa</li>
<li>nnn</li>
<li>zzz</li>
</ul>
[/list]

この様なコードで、

  • aaa
  • nnn
  • zzz

のように表示されます。

styleを下記のようにかえると、

  1. check
  2. close
  3. star
  • aaa
  • nnn
  • zzz
  • aaa
  • nnn
  • zzz
  • aaa
  • nnn
  • zzz

のような表示になります。

7. ハイライト

ハイライトしたい部分

コードは

[highlight]ハイライトしたい部分[/highlight]

8. 段組

2カラム表示も、


カラム

2カラム

こんな風に簡単にできます。

このコードは、

&91;one-half]
1カラム
&91;/one-half]     
&91;one-half last="y"]
2カラム
&91;/one-half]

さいごに

  • aaa
  • nnn
  • zzz

この様な表現をしたいと思ってました。
これは便利ですね。

ショートコードと言えば、”Shortcodes Ultimate”も知られています。
どのように使い分けるか、今後調べたいとおもいます。


cod]
loginout]
site-link]
the-year]
wp-link]
abbr]
highlight]
accordions]
accordion]
box]
button]
list]
tabs]
tab]
toggle]
one-half]
one-third]
two-thirds]
one-fourth]
two-fourths]
three-fourths]
one-fifth]
two-fifths]
three-fifths]
four-fifths]


スポンサーリンク
スポンサーリンク




スポンサーリンク




シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサーリンク