この記事には広告を含む場合があります。
記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。
どうも！もう朝の4時半だというのに今から記事を書きだしてしまっているカズマです！
ワードプレスには記事を書くのを楽しくさせてくれるプラグインがあります。
それは、「Shortcodes Ultimate」です。
このプラグインは簡単操作で記事をより見やすく装飾できたり、アニメーションをつけられたりできる超便利なプラグインです！
例えばこんなことができます。
１．ボックス
２．スイカ
３．カラス
４．スルメ
５．メダカ
７．ラッパ
８．パイナップル
９．ルビー
10．ビーダマン
文字を動かすアニメーションも作れます！
ボタンの作成もできてしまう！！
とまあ、いろんなことができるプラグインなんですが、
今回はボックスのショートコードをメインにして他のコードを組み合わせてみました！
ボックスといろんなショートコードの組み合わせ
普通にボックスを表示させるだけはつまらないんで、アニメーションなどなどを組み合わせてみました！
初めてやってみた時は「おぉ！」っていう感動があるはず！
各サンプルの下にコードをコピペで使えるように貼ってあるので、
「Shortcodes Ultimate」をインストール→有効化を済ませておいてください。
そうすれば記事を書く際にコピペで貼りつければ使えます！
ボックス+左スライドアニメーション
ボックスが左スライドで表示されます！
ボックス+右スライドアニメーション
ボックスが右スライドで表示されます！
ボックス+アニメーション+2カラム
2つのボックスが左と右からスライドして2カラムで表示されます。
ボックス+アニメーション+ボタン
ボックスがフェードインで表示され、ボックスの中にはボタンが設置されています。
ボックス+アニメーション+ボタン+2カラム
2つのボックスが左と右からスライドして2カラムで表示され、ボタンが複数設置されています。
まとめ
いつの間にかもう日曜の朝になろうとしている。。。
というのは置いといて、ボックスのコードをメインにいくつかのショートコードを組み合わせてみました。
お気に入りのものは見つかりましたか？
コードはサンプルの下に貼っているので、それをコピペして記事に貼ってくださいね！
もしもできないよっていう人は以下の項目を確かめてみてください。
- プラグイン「Shortcodes Ultimate」を有効化しているか？
- コードは正しくすべてコピペできているか？
- ボタンのショートコードのＵＲＬを置き換えているか？
ちょっとした自己満足になりますが、こういうことができるようになると嬉しくなりますよ！
簡単なんでぜひトライしてみてくださいね！
