女性起業家のためのWEB活用講座

女性起業家のために、解りやすくWEBマーケティングを教える
日本一解りやすいWEBマーケティング講座

女性起業家のためのWEB活用講座
無料メール講座

【Shortcodes by Angie Makesの使い方】写真をキレイに横に並べる・・だけじゃない?!

2016年08月30日WordPress


本日は、写真を横に並べて使うときなどに便利なプラグインShortcodes by Angie Makesの使い方について。とっても多機能なのですが、本日はWEBが苦手な方でも、カンタンに使える機能をまずご紹介します(^^) 

 

WP Canvas – Shortcodesの使い方

 

 

まずは、写真を横に並べる

こちらは本当にカンタンです(^^)

まず、プラグイン Shortcodes by Angie Makes をインストール。

 

 

(ダッシュボード プラグイン→新規追加 にて「Shortcodes by Angie Makes」を検索し、インストールしてください)

Shortcodes by Angie Makes

 

 

 

すると、投稿画面にこのようなマークが追加されているのがわかると思います。

WP Canvas – Shortcodesの使い方

 

 

Columnsをクリックして、「1/2 + 1/2 」を選んでみると・・・

WP Canvas – Shortcodes

 

 

 

投稿欄に、以下のような記述が現れます。

↓ ↓ ↓

WP Canvas – Shortcodesの使い方

 

 

続きまして・・・

Sample Content と書かれた部分を削除して、写真を取り込みます。

WP Canvas – Shortcodesの使い方

 

 

すると、投稿画面はこうなります。

↓ ↓ ↓

WP Canvas – Shortcodesの使い方

 

 

それを、プレビューで見てみると・・・

WP Canvas – Shortcodesの使い方

 

写真が並んでレイアウトされているのがわかると思います(^^)

つまり、1/3 + 1/3 + 1/3 を選べば、横に同じ大きさの3枚が並び2/3 + 1/3 を選べば、その割合で大きな写真と小さな写真が並ぶ、ということになります。

 

 

 

少し応用編として。
写真とテキストを入れてみましょう。

 

先ほど「Sample Content」のところを2つとも写真にしたと思いますが
下の「Sample Content」の部分にテキストを入れる、ということですね。

 

すると・・・

 

WP Canvas – Shortcodesの使い方

 

テキストを横に並べて表示してくれます。

 

 

 

このプラグインが優秀なのは、レスポンシブ対応をしてくれているので、スマホのときはちゃんと見やすくレイアウトされる、ということ。

WP Canvas – Shortcodes

 

 

 

 

じつはこの他にもうれしい機能がてんこ盛りなので、

徐々にご紹介していきますね!!

 

 

 

 

最後まで読んでいただき、ありがとうございます(^^)

このあともニッコリはっぴーなひとときを♪

ニッコリWEBプランナー 白井佐代子

1日1ポチ、応援していただけると励みになります(^^)

↓ ↓ ↓

にほんブログ村 経営ブログ 女性社長へ
にほんブログ村



メルマガ登録はこちらをクリック

メルマガ登録はこちらをクリック
 

この記事を読んだ方はこちらの記事もチェックしています!

 

無料メール講座の詳しい内容はこちら
講座情報
申込み締切まで
  • 申込期限設定

    あと11
  • オンライン(zoom)だから全国どこからでも、お好きな場所から、お好きな時間にご受講いただけます! ※対面をご希望の場合は、LINE@にご登録いただき、「対面希望」の旨をご連絡ください。ご相談に応じます。   1...

    イベント内容はこちら
    新着ブログ
    コンテンツ一覧

    講座情報

    申込み締切まで

  • 申込期限設定

    あと11
  • オンライン(zoom)だから全国どこからでも、お好きな場所から、お好きな時間にご受講いただけます! ※対面をご希望の場合は、LINE@にご登録いただき、「対面希望」の旨をご連絡ください。ご相談に応じます。   1...

    イベント内容はこちら
    女性起業家のためのWEB活用講座
    Copyright(C) 女性起業家のためのWEB活用講座 all rights reserved.
    Copyright(C) 女性起業家のためのWEB活用講座 all rights reserved.