WordPressで複数の画像を横並びにしたいならWPCanvasプラグインが便利すぎた!

WordPress

WordPressでブログ記事を書いていると、複数の画像を横並びにして表示させたいケースがあります。当ブログでは今までCSSで調整したり、テーブルを組んでからラインを消したり、相当の労力をかけて表示を試みていました。(これが本当面倒くさい・・)

しかし、WP Canvas – Shortcodes プラグインを使うようになってからは、記事内に任意のカラムを簡単に指定することができます。

このような ⇒ 理論派 vs 感情派 の8つのブログ運用談義コンテンツも短時間で作れるようになりました。

ここでは、1分程度で2枚の画像を横並びにする工程を解説します。私のようにCSSやhtmlが苦手だったり、まったく分からない方にはとても便利ですね。

WP Canvasの設定方法

① カラムを選択する(ここでは2枚の画像を並べるので1/2+1/2)

wp-canvas1

② Sample Content部分をドラッグしてメディアを追加する

wp-canvas2

③ 画像ファイルをアップロードして投稿に挿入

wp-canvas3

④ 挿入された画像を確認したら同様にメディアを追加

wp-canvas4

⑤ もう1枚の画像も投稿に挿入する

wp-canvas5

⑥ 画像を確認したら更新してプレビューする。

wp-canvas06

CSSをいじることなく2枚の画像を横並びにできました。

wp-canvas001

wp-canvas004

WP Canvas – Shortcodesはカラムの設定だけではなく、価格表やソーシャルアイコンも設置できたり、その他さまざまなショートコードが使用できるWordPressユーザーならぜひ導入したい便利なプラグインです。

スリームデザイン

2,536,109 views

1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとカーケティングと玄米ご飯。 フリーランス時代に独学で身に...

プロフィール

ピックアップ記事

関連記事一覧

小笠原広記

1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインと玄米ご飯。

 

フリーランス時代に独学で身に付けた技術を活かし、世界規模のデザインコンテストで日本人初の大賞を受賞&Photoshopの専門書を出版。

 

ブログ集客のエキスパートとして企業や個人のコンサルティングをしながら、コンテンツマーケティングやコピーライティングを手掛けるブログマーケターである。