ブログ

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

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

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

ピックアップ記事

  1. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  2. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  3. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  4. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  5. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ

関連記事

  1. 3分の話

    「なんの関係があるの?」ボーリングでスコア246叩き出し、ブログで156万PVを達成するための…

    「今月の数字、ペース割ってるけど大丈夫か?見込み客はあと何人?ちゃんと…

  2. webデザイン

    123RFの格安素材を活用して素人っぽいWEBサイトから卒業しよう!

    ここでは123RFの格安素材を活用して素人っぽいWEBサイトから卒業す…

  3. 3分の話

    「ブログが続かないのはどーして・・?」挫折しない具体的なコツと目的、そして○○な都市伝説について

    ブログを続けてるけどぶっちゃけしんどい、これから始めようと思っているけ…

  4. 【PR】

    こんなWordPressテーマなんて初心者には絶対に使って欲しくないっ!TCDテーマ「VIEW」に一…

    投稿記事のアイキャッチ画像まで、スライドショーで読者をもてなすTCDテ…

  5. SEO

    ビッグキーワードより複合キーワードを狙ったほうがいいたった3つの理由。

    ホームページやブログなどのWEBサイトへ集客を増やしたいと思ったら、誰…

  6. マーケティング

    WordPressで個人のネットショップが簡単に作れるTCDテーマ【BLOC】の有効的な使い方

    ネットショップを運営したいと考えた際に、いちから作ろうとすると数十万円…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…
  2. 「コレがやりたかった!」GIFアニメ(動く画像)のPCモック…
  3. Photoshopを使って動画をGIFアニメーション(動く画…

思考系のおもろい記事

ブログラ
  1. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  2. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  3. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  4. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  5. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
PAGE TOP