Pocket

ブログのコンテンツでは、ビフォーアフターのような比較画像を提示したいときがあります。

比較する画像は縦並びよりも横の方が断然良い。なぜなら、見やすいし何より比較しやすいからです。しかし、ワードプレスの特性上、画像の横並びには一手間かかってしまいます。

例えば、テーブルタグを使用したり、CSSをいじったりしないといけないのです。この煩わしい作業をもっと簡単にできないものかと探していました。

そしたら、解決してくれるプラグインを発見したのです。その名も「 WP Canvas – Shortcodes 」。

このプラグインは、インストールすれば画像URLのコピペだけで画像を横並びにしてくれる優れたものだ。早速、その使い方を紹介しましょう。

WP Canvas – Shortcodes の使い方

WP Canvas – Shortcodesの使い方は簡単です。

まず、プラグインをインストールします。すると記事の投稿画面に以下のようなものが追加されているはずです。

画像を横並びしてくれるプラグイン2

この部分をクリックするとプルダウンされます。この中で「Columns」を選択します。

画像を横並びしてくれるプラグイン3

すると再度、プルダウンするので「1/2+1/2」を選択しクリック(この選択は2枚の画像を横並びにするものです)。

画像を横並びしてくれるプラグイン5

クリックしたらタグが表示されるので、その中の「Sample Content」の部分をドラッグし、メディア追加をクリックします。

画像を横並びしてくれるプラグイン4

そして画像(メディアを追加から選択)を選択し「投稿を挿入」をクリックします。もうひとつの「Sample Content」の部分も同様に行います。

以上が済んだら『公開』をクリックします。これで完了です。画像は横並びになっているはずです。参考までに以下に横並びの画像を表記しておきます。

ブラウザーやデバイスでのチェック

Googleが右サイドバー広告を撤廃。そこから見えるてくるものとは!

ご覧の通り、画像が横並びになっていますよね。

画像の横並びはビフォーアフターのような比較画像としていろいろ使えますし、アフィリエイトでも使えます。また、美容系やダイエット系、レシピ等のブログにも最適だと思います。とても便利なプラグインなので、コンテンツ制作のテクニックの一環として活用するといいでしょう。

以上でこのプラグインの使い方は終了です。

Pocket

SPONSORED LINK