WordPressで画像を分割表示するプラグイン『Shortcodes by Angie Makes』を使ってみた

 

ども、さぎです。

昨日アップしたスタンディングデスクの記事。

塩ビ管を”鉄”塗装してスタンディングデスクを作ってみた

さぎ
これ、ちょっと画像が縦に多いな…横に並べたりできなかな?

と思って、画像を分割するプラグイン『Shortcodes by Angie Makes
(ショートコーズ バイ アンジー メイクス)
を入れてみた。

 

2分割、3分割、4分割

実際、こんなことができる。

※スマホだと縦に表示されます。パソコン画面では分割されているはず。

※スマホ画面で分割したい場合は、”まとめ”を見てね。

 

2分割

 

3分割

 

4分割

さぎ
縦にズラッと並んだ画像も、これでスッキリ表示できるね!

 

縦横4分割

さぎ
縦横に4つ画像を並べたいときは、2分割をふたつ使って4分割に!応用で6分割、8分割も可能

 

『Shortcodes by Angie Makes』のインストール

WordPressのダッシュボード画面から、

プラグイン→新規追加

その画面の「プラグインの検索窓」から、「Shortcodes by Angie Makes」と入力。

さぎ
インストール後にプラグインを「有効化」で使えるようになります。

 

『Shortcodes by Angie Makes』の使い方

「ビジュアルモード」で使います。

2分割の方法は、

上のプルダウンメニューから、
[]▲ ←これをクリック。

Columnsの中から「1/2 + 1/2」 を選択。

 

「Sample Content」(サンプル コンテンツ)を選択したまま。

メディアを追加から画像を選択。

2つとも画像を挿入。

上の画像のように「Sample Content」の部分に、画像が挿入されてればOK。

 

さぎ
プレビュー画面で、横に2つ並んでいれば成功。

3つ並べたいときは、
プルダウンメニューから「1/3+1/3+1/3」を選んで下さい。

縦横4つは「1/2+1/2」を2つ使うとことで並べられる。

 

まとめ

さぎ
このやり方ではパソコンで見たときだけ、分割になるので、スマホで分割できる方法も探してみます。応急処置としては、一度分割したプレビュー画面のスクリーンショットを撮って、それを1枚の画像として追加することで、上の画像のように擬似的に分割できます。

The following two tabs change content below.
鷺 健一

鷺 健一

基本、短文記事が多いです。 長文は気が向いたときだけ。 イナフリ9期生/立花岳志の塾生/楽観的。 ゆ〜〜〜っくり記事の質を上げてければと思ってます。