【コピペOK】Shortcodes Ultimateのボックスのショートコードにいろいろ組み合わせてみた!

SHARE

【コピペOK】Shortcodes Ultimateのボックスのショートコードにいろいろ組み合わせてみた!

どうも!もう朝の4時半だというのに今から記事を書きだしてしまっているカズマです!

ワードプレスには記事を書くのを楽しくさせてくれるプラグインがあります。

それは、「Shortcodes Ultimate」です。

 

このプラグインは簡単操作で記事をより見やすく装飾できたり、アニメーションをつけられたりできる超便利なプラグインです!

例えばこんなことができます。

ボックスが作れちゃうんです!

1.ボックス
2.スイカ
3.カラス
4.スルメ
5.メダカ

6.カメラ
7.ラッパ
8.パイナップル
9.ルビー
10.ビーダマン

 

 

文字を動かすアニメーションも作れます!

 

 

ボタンの作成もできてしまう!!

 

 

 

とまあ、いろんなことができるプラグインなんですが、
今回はボックスのショートコードをメインにして他のコードを組み合わせてみました!

コピペで真似ができるようにしてあります。

 

 

ボックスといろんなショートコードの組み合わせ

普通にボックスを表示させるだけはつまらないんで、アニメーションなどなどを組み合わせてみました!
初めてやってみた時はおぉ!」っていう感動があるはず!

 

各サンプルの下にコードをコピペで使えるように貼ってあるので、
「Shortcodes Ultimate」をインストール→有効化を済ませておいてください。

そうすれば記事を書く際にコピペで貼りつければ使えます!

スマホからコードの埋め込みが表示されない場合はPCから閲覧ください。

 

ボックス+左スライドアニメーション

ボックスが左スライドで表示されます!

 

 

ボックス+右スライドアニメーション

ボックスが右スライドで表示されます!

 

 

ボックス+アニメーション+2カラム

2つのボックスが左と右からスライドして2カラムで表示されます。

スマホから見たら1カラムになります。

 

 

ボックス+アニメーション+ボタン

ボックスがフェードインで表示され、ボックスの中にはボタンが設置されています。

 

 

ボックス+アニメーション+ボタン+2カラム

2つのボックスが左と右からスライドして2カラムで表示され、ボタンが複数設置されています。

スマホから見たら1カラムになります。

 

まとめ

いつの間にかもう日曜の朝になろうとしている。。。

というのは置いといて、ボックスのコードをメインにいくつかのショートコードを組み合わせてみました。

 

お気に入りのものは見つかりましたか?

コードはサンプルの下に貼っているので、それをコピペして記事に貼ってくださいね!

 

もしもできないよっていう人は以下の項目を確かめてみてください。

  • プラグイン「Shortcodes Ultimate」を有効化しているか?
  • コードは正しくすべてコピペできているか?
  • ボタンのショートコードのURLを置き換えているか?

 

ちょっとした自己満足になりますが、こういうことができるようになると嬉しくなりますよ!

簡単なんでぜひトライしてみてくださいね!