ショートコードのおさらい

ということで今回は「ショートコード」のお話，実践編です。

まずは，前回の基本編のおさらいから行ってみましょう。

ショートコードをそのまま訳すと，「⁠短いコード（プログラム⁠）⁠」となります。

そう，つまり，「⁠複雑やパーツやオシャレな機能を実装するために，ダラダラと長く書いていたHTMLのコードを，チャチャっと短く書くことができる」もの，それが「ショートコード」です。

とってもカンタン，すごーく便利。

それだけでも「使うしかない！」というものだったのですが，このショートコードにはもうひとつ進化形態がありまして。

実は，第42回の時に登場した，「⁠Visual Composer」という「投稿記事や固定ページを，カンタンに構成することができるエディタ」で使っている，「エレメント」という仕組みが，この「ショートコード」の仕組みを発展させたものなのでした。

つまり，イマドキのテーマにおいては，「コードを書かなくてもショートコードが使えちゃう！」という状況になっているのです。

（何が何だかサッパリわからねえ。という方は，第42回と第46回をチェック！）

素晴らしきかな近未来。

そんな便利野郎の「ショートコード（エレメント⁠）⁠」について，今回は具体的に設置をしていきながら使い方をお話しします。

題しまして，「⁠今すぐ使えるショートコード13選！⁠」⁠，はじまりはじまり～！

今すぐ使えるショートコード13選！

それでは，実際にショートコードを設置していきますね。

とは言え，さすがにすべてのショートコードを紹介するのはページ数的に無理がありますので，すぐ使えそうなものを13個ほどピックアップしてみました。

どのショートコードも逸品揃いですので，まずはこの辺りが使えるようになれば十分だと思います。

では行きま……おっと。

はじめる前の注意事項がありました。前回もお話ししましたが，ショートコードはテーマやプラグインに依存しています。

ですので，ここでは，「The7」というテーマと，「⁠Visual Composer」というプラグインで使えるショートコードを例として紹介しています。

みなさんが使えるショートコードについては，みなさんお使いのテーマの説明ページをご確認くださいませ。

①Message Box

【代表的なパラメーター】メッセージボックスタイプ，メッセージボックススタイル，テキスト

では，「⁠Visual Composer」のショートコードからはじめます。

まずは，メッセージ欄を作るショートコードです。メッセージ欄のこの雰囲気，親切なWebサイトではたまに見かけますよね。

もちろんただのテキスト欄でも，メッセージ欄といえばメッセージ欄なのですが，こちらのショートコードを使うと，パラメーターを変えるだけで，「⁠インフォメーション」「⁠警告」「⁠成功」「⁠失敗」など，目的に応じた見た目に切り替わります。

「⁠【⁠警告】年末年始はお休みです！」みたいな。

「⁠【⁠成功】年末年始は十分休みました！」みたいな。

ユーザーさんに特別なメッセージを送りたいときに，使ってみてくださいね。

②Facebook Like

【代表的なパラメーター】ボタンタイプ

Facebookの「いいね！ボタン」を作るショートコードです。これはもうWebサイトではすっかりお馴染みですね。

テーマによっては，わざわざショートコードで各記事に設置しなくても，標準機能ですべての投稿記事や固定ページに一律で表示するようになっているものもあります。

ですので，そんな場合は「ここぞ」という時に念押しで使う感じですね。もしかしたら，「⁠いいね！」を押して貰える可能性が高くなる……かもしれません。