記事装飾に便利なWordPressプラグインShortcodes Ultimateの使い方を紹介！これでサイトのクオリティーが120％上がる！

このプラグインと出会ってからというもの、サイトのクオリティーをもう一段階上げたい時は必ずと言っていいほど利用している。

今まで様々な記事装飾のプラグインなどを利用しては、使いづらさと醜さで不採用していた。

しかし今回紹介するプラグイン「Shortcodes Ultimate」を使用することで、めちゃ見やすい記事を作成することができるようになった。

騙されたと思って、ぜひ使って欲しい。もはや手放せない存在！

僕にとって、2017年プラグイン大賞と言って良いほど。。笑

そもそもショートコードって何？

ショートコードとは、色々な動作を短いコードで表現させることができる機能のことをいう。

事前にfunctions.phpにプログラムコードを記述して、記事投稿の際に短いコードを記述することで、その動作を呼び出すことができる。

その呼び出すためのコードがショートコードになる。

例えば、プラグイン「Contact Form 7」を利用していれば、下記のようなショートコードを使用する

これらはプラグインを使用して、指定のショートコードを生成後、記事内に挿入することで、簡単に活用できる。

Shortcodes Ultimateの使い方

WordPressにプラグイン「Shortcodes Ultimate」をインストール後、有効化して完了すると、記事投稿のエディタの上部に「ショートコードの挿入」が追加される。

記事エディタ上部

ここから、様々なプラグインを使用することができるようになる。

ショートコード一覧

種類はたくさんありすぎるので、いろいろ触って試して欲しい。

全てを紹介することもできるが、今回は僕がよく使うオススメのショートコードだけを紹介する。

おすすめショートコード

たくさんショートコードがありますが、だいたい使うものは限られてくる。

ごちゃごちゃ活用するのではなく、用途に合わせて必要なショートコードを覚えておこう。

おすすめショートコード

• ボックス
• ノート
• 行
• ボタン
• タブ

 

一つひとつ紹介していきます。

 

ボックス

ショートコード「ボックス」は、記事の最後におすすめ記事などを紹介する時に活用しやすい。

 

ノート

記事内で補足を入れたり、重要な内容を強調したい場合「ノート」を使うと見やすくなる。

背景色は自由に色を変えることができるので、用途は様々。

 

行

「行」ってなんなの？と思うかもしれません。

これは、「カラム」と同じ用途で、記事内で２行、３行、４行と設定することができる。

使い方によっては、記事のクオリティーがかなり上がるので、ぜひ試行錯誤して活用して欲しい。

※スマホ画面で見ると自動で１カラムになります。

 

 

ボタン

「お問い合わせ」や「お申し込みはこちら」などのボタンを生成することができる。

ボタンの大きさ、文字色、装飾を選んで設定することができる。

• デフォルト
  お問い合わせはこちら
• フラット(おすすめ)
  お問い合わせはこちら
• ゴースト
  お問い合わせはこちら
• ソフト
  お問い合わせはこちら
• ガラス
  お問い合わせはこちら
• 泡（これはちょっと見にくい^^;;）
  お問い合わせはこちら
• ノイズ(これも見にくいね。。)
  お問い合わせはこちら
• 撫でる
  お問い合わせはこちら
• SD(おすすめ)
  お問い合わせはこちら

 

タブ

「タブ」は見ての通り下記のような感じです。

タブごとに記入したい内容を変更することができます。

 

まとめ

いかがでしたでしょうか？

ショートコードを活用することで、簡単に記事のクオリティーを上げることができる。

少しの一手間をかけるだけで見やすさや伝わりやすさが変わってくるので、ぜひ活用してみてください＾＾