複数の画像を横に並べる

投稿ページでも固定ページでも記事に画像を入れる場合、横に並べるのは難しいですね。
そこで登場するのが[Shortcodes by Angie Makes](旧名称:WP Canvas – Shortcodes)というプラグイン。

『スリームデザイン』さんの「WordPressで複数の画像を横並びにしたいならWPCanvasプラグインが便利すぎた!」という記事を参考にさせていただきました。

アルバム1〜3という画像で写真アルバムの表紙を作ってみます。
下が完成イメージです。

 


新規追加で固定(または投稿)ページを開いてビジュアルで、図の赤枠(これが[WP Canvas – Shortcodes]のマーク)をクリックして、[Columns]→[1/3 + 1/3 + 1/3]等を選択します。

 


下図のようにコードが生成されるので『Sample Content』の文字列を反転させて[メディアを追加]します。

 


メディアを挿入窓が開くので画像を選択して[固定(投稿)ページに挿入]をクリックします。
この時、キャプション(画像の下に表示されるタイトル)や、リンク先を入れたり、サイズを調整します。この作業はあとからでもOKです。

 


下図のような表示になりました。同様にして他の画像も追加すれば完成です。