フリーランスデザイナーが自由なライフスタイルを実現するための新しいブログの活用法や個性的がほとばしるブログにするためのPhotoshopを使ったデザインのチュートリアルなどを公開中~。

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

wp-canvas

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ユーザーならぜひ導入したい便利なプラグインです。

TCDさんで分かりやすく解説されてるので参考にしよう ⇒ 様々なコンテンツを簡単に記事に埋め込めるプラグイン

スリームデザイン無料の公式メールマガジン スリームデザインのメールマガジン

関連記事

Wordpress日本語テーマのまとめ
個別ブログ相談会
photoshop日本語チュートリアル
ブログラ

スリームデザインの出版書籍情報

photoshopの本

fotoliaデザインコンテスト大賞受賞作品の解説

tenコレクションデザインコンテスト

スリームデザインおすすめの書籍

本 本本 本

スリームデザインとソーシャルで繋がろう!

 
 
 

カテゴリー