ワードプレス

画像を横に並べるブラグイン「Shortcodes by Angie Makes」

ワードプレスでページを作成するときに、画像を横に並べる方法が分からないことがありませんか。

専門的なHTMLやCSSの知識があれば、画像を横に並べることは簡単でしょう。

しかし、副業初心者にとっては、これが、難しいんです。

分からないなりに、調べながら作業をしていっても画像が表示されない問題や、表示されても画像がずれてしまうことはよくあります。

そこで、そのトラブルを解決してくれるプラグインがあるのでご紹介します。

Shortcodes by Angie Makes

画像を横に並べることができるプラグインは、「Shortcodes by Angie Makes」です。

これは本当に簡単に画像を横に並べることができます。

使い方

まず、プラグインをインストールします。

インストールが終了したら、新規の投稿ページを開きます。

開いたら下の赤丸のように[]のメニューがあるので、クリックします。

Columnsにカーソルを合わせると新たにリストが表示されます。

並べたい枚数によって何枚並べるかを選択します。

横に2枚並べたい場合は、1/2+1/2を選びます。

3枚の場合は、1/3+1/3+1/3を選ぶようにします。

WP Canvas

使用例

実際に画像を横に並べてみます。

今回は2枚の画像を横に並べる作業をします。

1/2+1/2をクリック

すると下の画像の文字列が表示されます。

2枚作業

画像選択

上の画像のように「SampleContent」をドラックして色を反転させます。

反転させた状態で左上の「メディアを追加」ボタンをクリックして並べたい画像を選びます。

同じように、2行下の「SampleContent」の画像を選ぶ作業をします。

並べる例1

こんな風に画像が表示されます。

表示の確認

変更をプレビューでちゃんと画像が横にならんでいるかをチェックしてみましょう。

 

ホームページイメージ2

並んで表示されていれば、終了です。

便利な機能

「Shortcodes by Angie Makes」は、本当によくできたプラグインです。

画像を並べるだけではなくて、文章を入れることもできます。

画像を並べると、その下に文章を入れたくなりますよね。

プラグインがなれば、文章を画像の下にいれるだけでも苦労します。

しかし、「Shortcodes by Angie Makes」を使えば本当に簡単です。

「SampleContent」で追加した画像と、[wp-column][wc・・・]の間に1行挿入します。

そこに入れたい文章をそのまま入力すれば、プレビューしたときに反映されます。

まとめ

「」は、本当に便利なプラグインです。

このプラグインを使うと初心者でも画像を簡単に並べることができるようになります。

  • このエントリーをはてなブックマークに追加

ピックアップ記事

  1. 最初にレンタルサーバーを借りるならロリポップ

関連記事

  1. ワードプレス

    「初心者でもできる」ワードプレスでホームページを作る方法<第1章>

    自分のサイトを作るときに最初にネックになるのが、ワードプレス(Word…

  2. ワードプレス

    「初心者でもできる」ワードプレス固定ページの使い方<第12章>

    ワードプレス(Wordpress)でコンテンツを作るときに、使えるペー…

  3. ワードプレスのインストール

    ワードプレス

    「初心者でもできる」ワードプレスでホームページ作成(インストール編)<第4章>

    ようやくホームページ作成に取り掛かります。契約した独自ドメインのサ…

  4. ワードプレス

    ワードプレスの投稿ページで一括変換をする方法

    サイトで大きな変化があるときに、1個づつ変更するのは手間がかかりますよ…

  5. ワードプレスのドメイン

    ワードプレス

    「初心者でもできる」ワードプレスでホームページ作成(独自ドメイン編)<第3章>

    ワードプレス(Wordpress)でホームページ作成用のレンタルサーバ…

  6. ワードプレス

    「初心者でもできる」STINGERワードプレス子テーマの作り方

    ワードプレス(Wordpress)を使うときに「小テーマ」を作ったほう…

スポンサードリンク



サラリーマン必見のニュース

サラリーマンが知っておきたいNEWS

最近の記事

  1. 子テーマ
  2. ワードプレステーマmag
  3. ワードプレスエラー
  4. ワードプレスのインストール
  5. ワードプレスのドメイン

おすすめ記事

  1. 子テーマ

    ワードプレス

    ワードプレステーマ『MAG』の子テーマを作る方法
  2. ノートン評価手順

    知識

    ノートンに自分のサイトを安全と評価してもらう手順
  3. ドロップシッピング

    ドロップシッピングのSEO集客方法
  4. ワードプレスのインストール

    ワードプレス

    「初心者でもできる」ワードプレスでホームページ作成(インストール編)<第4章>
  5. ワードプレス

    「初心者でもできる」ワードプレス投稿の使い方<第11章>
PAGE TOP