上のヘッダー画像は「画像/動画→画像(横幅フルサイズ)」ブロックで、1500×1024サイズのを使用しています。

【画像サイズの調整について】

ペライチ内の画像編集機能でリサイズができます。
リサイズ機能を使用して、画像を適正なサイズへ変更してください。

【スマホでも確認する】
もう一つ需要なことはスマホ画面でも確認をすることです。
PCとスマホではページの見え方が異なります。
最近はスマホでの閲覧の方が多いくらいです。
必ず、スマホでのページ確認をしてください。

例)タブ名 ブロック名

文章+画像 上画像

700×200 横長画像

「ヨガ」は古代からのインドの身心鍛錬方法です。サンスクリット語で「つながり」を意味します。呼吸、姿勢、瞑想を組み合わせて心身の緊張をほぐします。日々の体調に合わせて無理なくポーズを作ることがポイントです。

700×300 横長画像

「ヨガ」は古代からのインドの身心鍛錬方法です。サンスクリット語で「つながり」を意味します。呼吸、姿勢、瞑想を組み合わせて心身の緊張をほぐします。日々の体調に合わせて無理なくポーズを作ることがポイントです。

640×350 横長画像

「ヨガ」は古代からのインドの身心鍛錬方法です。サンスクリット語で「つながり」を意味します。呼吸、姿勢、瞑想を組み合わせて心身の緊張をほぐします。日々の体調に合わせて無理なくポーズを作ることがポイントです。

640×480 横長画像

「ヨガ」は古代からのインドの身心鍛錬方法です。サンスクリット語で「つながり」を意味します。呼吸、姿勢、瞑想を組み合わせて心身の緊張をほぐします。日々の体調に合わせて無理なくポーズを作ることがポイントです。

800×600 横長画像

「ヨガ」は古代からのインドの身心鍛錬方法です。サンスクリット語で「つながり」を意味します。呼吸、姿勢、瞑想を組み合わせて心身の緊張をほぐします。日々の体調に合わせて無理なくポーズを作ることがポイントです。

600×600 正方形画像

「ヨガ」は古代からのインドの身心鍛錬方法です。サンスクリット語で「つながり」を意味します。呼吸、姿勢、瞑想を組み合わせて心身の緊張をほぐします。日々の体調に合わせて無理なくポーズを作ることがポイントです。

文章+画像 左右フル画像

縦横比が同じ画像を並べていきましょう。下のサンプル用に、サイズがバラバラですと写真表示のリズムが崩れます。

左フル画像長方形

右フル画像長方形

左フル画像長方形

右フル画像長方形

左フル画像正方形

右フル画像正方形

文章+画像 上画像(背景画像あり・明)

背景画像は適当な大きさでOKです。上画像は高さが400くらいがオススメです。

背景1280x800 上画像640x480

画像は背景1280x800 上画像640x480を使用しています。このくらいのサイズがキレイです。

背景1600x800 上画像640x400 オススメ

画像は背景1280x800 上画像640x400を使用しています。このくらいのサイズでもすっきりしています。

背景1280x800 上画像600x600(正方形)

画像は背景1280x800 上画像600x600の正方形を使用しています。真ん中の画像で情報をアピールするならば、このくらいのサイズでOKかと思います。

文章+画像 左右寄せ(背景画像あり)

下の元画像と左寄せ(背景画像あり)ブロックの写真比較してください

左寄せ(背景画像あり)

上の元画像がどうはめ込まれているのか見てください。
この文章ブロックを削除すると、ブロック全体の高さが低くなり、切り出された画像の高さも低くなります。
左寄せ(背景画像あり)ブロックは右側のタイトル、文字、ボタンの高さにより変わります。

下の元画像と右寄せ(背景画像あり)のブロックの写真比較してください

右寄せ(背景画像あり)

上の元画像がどうはめ込まれているのか見てください。

左寄せ(背景画像あり)

上の画像がどうはめ込まれているのか見て下さい。

文章+画像 お悩み

文章が長くでも縦長の画像横長画像がキレイに収まります

ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。

600x1000pxではさらに収まりが良い

ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。

文章が短くても縦長画像はキレイです

ダイエット中に友達の誘いを断るのはどうしたらいいでしょうか?

何回ダイエットしてもリバウンドしてしまいます。

夜中に冷蔵庫漁ったりその辺にある食べ物を常に口に入れてしまいます。

揚げ物が大好きでやめられません。
揚げ物が大好きでやめられません。

横長の写真で画像の高さが足らないと、バランスが悪くなります

ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。

文章が短くても、横長画像はバランスが悪いです

ダイエット中に友達の誘いを断るのはどうしたらいいでしょうか?
何回ダイエットしてもリバウンドしてしまいます。
夜中に冷蔵庫漁ったりその辺にある食べ物を常に口に入れてしまいます。
揚げ物が大好きでやめられません。
揚げ物が大好きでやめられません。

文章+画像 問い合わせ(右画像)

600×600 正方形画像 文章3行

PCに最適!

【フォントサイズ14】
山路を登りながら、こう考えた。
智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。

600×600 正方形画像 文章5行

03-1111-1111
【フォントサイズ14】
山路を登りながら、こう考えた。
智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。
とかくに人の世は住みにくい。

住みにくさが高じると、安い所へ引き越したくなる。

640×480 横長画像 文章2行

03-1111-1111
【フォントサイズ14】
山路を登りながら、こう考えた。

640×350 横長画像 文章2行

スマホに最適!
【フォントサイズ14】
山路を登りながら、こう考えた。

800×600 横長画像 文章2行

03-1111-1111
【フォントサイズ14】
山路を登りながら、こう考えた。

600×800 縦長画像 文章6行

03-1111-1111
【フォントサイズ14】
山路を登りながら、こう考えた。山路を登りながら、こう考えた。
智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。
とかくに人の世は住みにくい。

住みにくさが高じると、安い所へ引き越したくなる。
どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。


600×1000 縦長画像 文章10行

03-1111-1111
【フォントサイズ14】
山路を登りながら、こう考えた。山路を登りながら、こう考えた。
智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。
とかくに人の世は住みにくい。

住みにくさが高じると、安い所へ引き越したくなる。
どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。
人の世を作ったものは神でもなければ鬼でもない。
やはり向う三軒両隣りにちらちらするただの人である。
ただの人が作った人の世が住みにくいからとて、越す国はあるまい。
あれば人でなしの国へ行くばかりだ。

文章+画像 ポイント(下画像)

POINT
1

200×100 長方形画像

ポイント(下画像)ブロックは、画像と文章が重ね合わります。サンプルのように女性の顔の部分が文章の枠の中に入るような表示ができます。このため、背景のないPNG(ピング)形式の画像を使用しています。スマホでは見え方が違うので注意してください。
POINT
1

200×150 長方形画像

ポイント(下画像)ブロックは、画像と文章が重ね合わります。サンプルのように女性の顔の部分が文章の枠の中に入るような表示ができます。このため、背景のないPNG(ピング)形式の画像を使用しています。スマホでは見え方が違うので注意してください。
POINT
1

200x200 【お薦めサイズ】

ポイント(下画像)ブロックは、画像と文章が重ね合わります。サンプルのように女性の顔の部分が文章の枠の中に入るような表示ができます。このため、背景のないPNG(ピング)形式の画像を使用しています。スマホでは見え方が違うので注意してください。
POINT
1

300x300 正方形画像

ポイント(下画像)ブロックは、画像と文章が重ね合わります。サンプルのように女性の顔の部分が文章の枠の中に入るような表示ができます。このため、背景のないPNG(ピング)形式の画像を使用しています。スマホでは見え方が違うので注意してください。
POINT
1

300x300 正方形画像(背景あり画像)

ポイント(下画像)ブロックは、画像と文章が重ね合わります。サンプルのように女性の顔の部分が文章の枠の中に入るような表示ができます。このため、背景のないPNG(ピング)形式の画像を使用しています。スマホでは見え方が違うので注意してください。
POINT
1

200x200 正方形画像(文字サイズ16)

ポイント(下画像)ブロックは、画像と文章が重ね合わります。サンプルのように女性の顔の部分が文章の枠の中に入るような表示ができます。このため、背景のないPNG(ピング)形式の画像を使用しています。スマホでは見え方が違うので注意してください。(文字サイズ16)
POINT
1

200x200 正方形画像(文字サイズ18)

ポイント(下画像)ブロックは、画像と文章が重ね合わります。サンプルのように女性の顔の部分が文章の枠の中に入るような表示ができます。このため、背景のないPNG(ピング)形式の画像を使用しています。スマホでは見え方が違うので注意してください。(文字サイズ18)
POINT
1

100x70 長方形イラスト

ポイント(下画像)ブロックは、画像と文章が重ね合わります。サンプルのようにイラストが文章の枠の中に入るような表示ができます。このため、背景のないPNG(ピング)形式のイラストを使用しています。スマホでは見え方が違うので注意してください。
POINT
1

100x50 長方形イラスト

ポイント(下画像)ブロックは、画像と文章が重ね合わります。サンプルのようにイラストが文章の枠の中に入るような表示ができます。このため、背景のないPNG(ピング)形式のイラストを使用しています。スマホでは見え方が違うので注意してください。

その他 プロフィール

640x600 正方形画像+640x427横長小画像

オースティン 英子
ニューヨーク外語大学卒業、バイリンガル英語講師です。
本場の最新アメリカ英語をお伝えします。
「英語学習は勉強ではない。イメージだ!!」をテーマに米国留学生から、年配の方まで幅広く教えています。

英会話はイメージ
楽しく学習
英会話はイメージ
ハートフルEnglish
ハートフルEnglish

640x480 横長画像+640x427横長小画像

オースティン 英子
ニューヨーク外語大学卒業、バイリンガル英語講師です。
本場の最新アメリカ英語をお伝えします。
「英語学習は勉強ではない。イメージだ!!」をテーマに米国留学生から、年配の方まで幅広く教えています。

英語はイメージ
楽しく学習
英語はイメージ
ハートフルEnglish
ハートフルEnglish

600x800 縦長画像+640x480縦長小画像

オースティン 英子
ニューヨーク外語大学卒業、バイリンガル英語講師です。
本場の最新アメリカ英語をお伝えします。
「英語学習は勉強ではない。イメージだ!!」をテーマに米国留学生から、年配の方まで幅広く教えています。

英語はイメージだ
楽しく学習
英語はイメージ
ハートフルEnglish
ハートフルEnglish

文章+画像 プロフィール(プレミアム以上)

640x480 横長画像+640x427横長小画像

Peraichi
オースティン 英子
ニューヨーク外語大学卒業、バイリンガル英語講師です。
本場の最新アメリカ英語をお伝えします。
「英語学習は勉強ではない。イメージだ!!」をテーマに米国留学生から、年配の方まで幅広く教えています。
経歴
  • ニューヨーク大学(New York University, NYU)教育学大学院卒業
  • 資格:TOEIC900点、英検1級、日本語能力検定
  • 資格:TOEIC900点、英検1級、日本語能力検定
英会話はイメージ
楽しく学習
英語はイメージ
ハートフルEnglish
楽しく学習

640x350 横長画像+640x427横長小画像

Peraichi
オースティン 英子
ニューヨーク外語大学卒業、バイリンガル英語講師です。
本場の最新アメリカ英語をお伝えします。
「英語学習は勉強ではない。イメージだ!!」をテーマに米国留学生から、年配の方まで幅広く教えています。
経歴
  • ニューヨーク大学(New York University, NYU)教育学大学院卒業
  • 資格:TOEIC900点、英検1級、日本語能力検定
  • 資格:TOEIC900点、英検1級、日本語能力検定
英会話はイメージ
楽しく学習
英語はイメージ
ハートフルEnglish
英語はイメージ

600x600 正方形画像+640x427横長小画像

Peraichi
オースティン 英子
ニューヨーク外語大学卒業、バイリンガル英語講師です。
本場の最新アメリカ英語をお伝えします。
「英語学習は勉強ではない。イメージだ!!」をテーマに米国留学生から、年配の方まで幅広く教えています。
経歴
  • ニューヨーク大学(New York University, NYU)教育学大学院卒業
  • 資格:TOEIC900点、英検1級、日本語能力検定
  • 資格:TOEIC900点、英検1級、日本語能力検定
英語はイメージ
楽しく学習
英語はイメージ
ハートフルEnglish
英語はイメージ

600x800 縦長画像+640x427横長小画像

Peraichi
オースティン 英子
ニューヨーク外語大学卒業、バイリンガル英語講師です。
本場の最新アメリカ英語をお伝えします。
「英語学習は勉強ではない。イメージだ!!」をテーマに米国留学生から、年配の方まで幅広く教えています。

経歴
  • ニューヨーク大学(New York University, NYU)教育学大学院卒業
  • 資格:TOEIC900点、英検1級、日本語能力検定
  • 資格:TOEIC900点、英検1級、日本語能力検定
英会話はイメージ
楽しく学習
英語はイメージ
ハートフルEnglish
英語はイメージ

640x480 横長画像+640x800縦長小画像

Peraichi
オースティン 英子
ニューヨーク外語大学卒業、バイリンガル英語講師です。
本場の最新アメリカ英語をお伝えします。
「英語学習は勉強ではない。イメージだ!!」をテーマに米国留学生から、年配の方まで幅広く教えています。
経歴
  • ニューヨーク大学(New York University, NYU)教育学大学院卒業
  • 資格:TOEIC900点、英検1級、日本語能力検定
  • 資格:TOEIC900点、英検1級、日本語能力検定
英会話はイメージ
楽しく学習
英語はイメージ
ハートフルEnglish
英語はイメージ

文章+画像(複数) 上画像(2列)

縦横比が同じ画像を並べていきましょう。下の異なるサイズのサンプル用に、縦横比がバラバラですと見た目が悪くなります。

同じサイズ長方形画像

同じサイズ正方形画像

画像サイズがバラバラ→横幅が固定されるので高さがバラツク

異なるサイズの画像

640x480
800x600
960x560
1280x800
800x600

文章+画像(複数) 上画像(3列)

同じサイズ長方形画像

同じサイズの正方形画像

上画像(3列)異なるサイズの画像

上画像(6列)異なるサイズの画像

箇条書き/リスト ステップ(画像付き)

Step
1
600x600正方形画像
600x600の正方形画像です。
ペライチは画像の横幅が揃うように整形されます。
縦横比が同じ、画像ならばきれいに並びます。
その一方で縦横比が異なると、画像の幅がバラバラになり、見づらくなります。
この文章のフォントサイズは14です。
Step
800x800正方形画像
右は800x800の正方形画像です。
ペライチは画像の横幅が揃うように整形されます。
縦横比が同じ、画像ならばきれいに並びます。
その一方で縦横比が異なると、画像の幅がバラバラになり、見づらくなります。
この文章のフォントサイズは16です。
Step
640x480長方形画像
右は640x480の正方形画像です。
ペライチは画像の横幅が揃うように整形されます。
縦横比が同じ、画像ならばきれいに並びます。
その一方で縦横比が異なると、画像の幅がバラバラになり、見づらくなります。
この文章のフォントサイズは18です。
Step
800x600長方形画像
右は800x600の正方形画像です。
ペライチは画像の横幅が揃うように整形されます。
縦横比が同じ、画像ならばきれいに並びます。
その一方で縦横比が異なると、画像の幅がバラバラになり、見づらくなります。
この文章のフォントサイズは18です。
Step
960x560長方形画像
右は960x560の正方形画像です。
この文章のフォントサイズは14です。
Step
1280x800長方形画像
右は1280x800の正方形画像です。
ペライチは画像の横幅が揃うように整形されます。
縦横比が同じ、画像ならばきれいに並びます。
その一方で縦横比が異なると、画像の幅がバラバラになり、見づらくなります。
この文章のフォントサイズは18です。
Step
800x800正方形画像
右は800x800の正方形画像です。
ペライチは画像の横幅が揃うように整形されます。
縦横比が同じ、画像ならばきれいに並びます。
その一方で縦横比が異なると、画像の幅がバラバラになり、見づらくなります。
この文章のフォントサイズは16です。
Step
800x800正方形画像
右は800x800の正方形画像です。
ペライチは画像の横幅が揃うように整形されます。
縦横比が同じ、画像ならばきれいに並びます。
その一方で縦横比が異なると、画像の幅がバラバラになり、見づらくなります。
この文章のフォントサイズは16です。

箇条書き/リスト 左画像+リスト

毎日野菜を350g以上食べよう

  • 食物繊維が含まれている
  • 抗酸化ビタミンが多い
  • フィトケミカルが含まれている
  • 抗酸化ビタミンが多い

毎日野菜を350g以上食べよう

  • 大腸癌抑制、便秘予防につながる食物繊維が含まれている

  • 生活習慣病を防ぐカリウム、抗酸化ビタミンが多い

  • 免疫力や抗酸化力をアップするフィトケミカルが含まれている

  • 生活習慣病を防ぐカリウム、抗酸化ビタミンが多い

毎日野菜を350g以上食べよう

  • 大腸癌抑制、便秘予防につながる食物繊維が含まれている

  • 生活習慣病を防ぐカリウム、抗酸化ビタミンが多い

  • 免疫力や抗酸化力をアップするフィトケミカルが含まれている

  • 圧倒的に低カロリーです

  • 生活習慣病を防ぐカリウム、抗酸化ビタミンが多い

毎日、野菜を350g以上食べよう

  • 腸内環境を整え、大腸癌などを抑制する働きや、便秘予防にもつながるといわれる食物繊維を多く含んでいます
  • 3大生活習慣病と呼ばれるガン、心臓病、脳卒中の予防に効果があるカリウムや食物繊維、抗酸化ビタミンなどを多く含んでいます
  • 多くの病気や老化の原因といわれ、がんや認知症、生活習慣病とも密接な因果関係があるといわれる酸化を防ぐファとケミカルが含まれています
  • 日本人は一日平均242gしか野菜を食べていません。特に20代の女性は平均189gです。
  • 3大生活習慣病と呼ばれるガン、心臓病、脳卒中の予防に効果があるカリウムや食物繊維、抗酸化ビタミンなどを多く含んでいます

毎日野菜を350g以上食べよう

  • 大腸癌抑制、便秘予防につながる食物繊維が含まれている
  • 生活習慣病を防ぐカリウム、抗酸化ビタミンが多い
  • 免疫力や抗酸化力をアップするフィトケミカルが含まれている
  • 生活習慣病を防ぐカリウム、抗酸化ビタミンが多い

毎日野菜を350g以上食べよう

  • 大腸癌抑制、便秘予防につながる食物繊維が含まれている
  • 生活習慣病を防ぐカリウム、抗酸化ビタミンが多い
  • 免疫力や抗酸化力をアップするフィトケミカルが含まれている

  • 生活習慣病を防ぐカリウム、抗酸化ビタミンが多い

ボタン 画像ボタン

横3列

横2列

横4列

横5列

バラバラな画像サイズ

箇条書き/リスト リスト(中央画像)

600x600

  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト

600x600(テキスト8個)

  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト

600x700(画像の下5/1はカットされている)

  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト

600x800(画像の下4/1はカットされている)

  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト

1280x800(大きな画像だが小さくなってしまう)

  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト
  • 表示したいテキスト

文章+画像(複数) お客様の声(2列)

画像サイズの縦横比が統一されれば、文章長さにか関わらずキレイにレイアウトされます。

640x480
画像が横長の楕円形になります。
サンプル 太郎
600x600
画像が円形になります。
サンプル 太郎
800x600
画像が横長の楕円形になります。
サンプル 太郎
960x560
画像がかなり横長の楕円形になります。
サンプル 太郎
800x800
画像が円形になります。
サンプル 太郎
600x800
画像が縦長の楕円形になります。
サンプル 太郎
文章が短い
サンプル 太郎
文章が長い。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
サンプル 太郎
600x600
画像が円形になります。
サンプル 太郎

文章+画像(複数) お客様の声(2列)+ボーダー

正方形画像、ボーダー文字サイズ16(デフォルト)、コメント文字サイズ14(デフォルト)がお薦めです。

ボーダー左の画像は、画像サイズにより、画像部分の円の形が自動整形されます。正方形画像を使うと円形になります。横長もしくは縦長の画像を使うと楕円形になります。
コメントブロックはPCでは2列、スマホでは1列で表示されます。
PCでは、ブロック数が3個以上の場合でも、コメント行数に関わらず、上辺を合わせてキレイに整列されます。
ボーダー内コメント、コメントの文字サイズが変更できます(プレミアムプラン以上)。

400×400 正方形画像 オススメ

大変使いやすかったです!(文字サイズ18、デフォルト)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。(文字サイズ14、デフォルト)

買って良かった〜(文字サイズ18、デフォルト)

インターネットのページで商品を知りました。
最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ14、デフォルト)

買って良かった〜(文字サイズ18、デフォルト)

インターネットのページで商品を知りました。
最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ14、デフォルト)

400×400 正方形画像 3ブロック 文字サイズ14

大変使いやすかったです!(文字サイズ14)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。(文字サイズ14、デフォルト)

買って良かった〜(文字サイズ14)

インターネットのページで商品を知りました。
最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ14、デフォルト)

大変使いやすかったです!(文字サイズ14)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ14、デフォルト)

買って良かった〜(文字サイズ14)

インターネットのページで商品を知りました。
最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ14、デフォルト)

400×400 正方形画像 4ブロック 文字サイズ16

大変使いやすかったです!(文字サイズ16)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。(文字サイズ16)

買って良かった〜(文字サイズ16)

インターネットのページで商品を知りました。
最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ16)

こんな商品あったのですね。(文字サイズ16)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ16)

信じられません。(文字サイズ16)

実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ16)

買って良かった〜(文字サイズ16)

インターネットのページで商品を知りました。
最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ16)

400×400 正方形画像 2ブロック 文字サイズ18

大変使いやすかったです!(文字サイズ18、デフォルト)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。(文字サイズ18)

買って良かった〜(文字サイズ18、デフォルト)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ18)

買って良かった〜(文字サイズ18、デフォルト)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ18)

640×480 横長画像

大変使いやすかったです!(文字サイズ18、デフォルト)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。(文字サイズ14、デフォルト)

買って良かった〜(文字サイズ18、デフォルト)

インターネットのページで商品を知りました。
最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ14、デフォルト)

買って良かった〜(文字サイズ18、デフォルト)

インターネットのページで商品を知りました。
最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ14、デフォルト)

600×800 縦長画像

大変使いやすかったです!(文字サイズ18、デフォルト)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。(文字サイズ14、デフォルト)

買って良かった〜(文字サイズ18、デフォルト)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ14、デフォルト)

買って良かった〜(文字サイズ18、デフォルト)

最初は半信半疑だったのですが、実際に使ってみて、大変使いやすく、すぐに良い商品であることが分かりました。今まで悩んでいたことが嘘のようです。
もっと早くこれを知りたかったです。友達にも紹介します。ありがとうございました。(文字サイズ14、デフォルト)

その他 タイルレイアウト(画像+テキスト)

テキストの長さにより、画像の縦が調整されます。
テキストの長さに注意が必要です。

縦横比が同じ(正方形)画像でテキストボリュームが同じならばキレイにレイアウトされます。

左上のテキスト
→画像周辺がトリミング(削除)されます。
右上のテキスト
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
左スムージーの説明テキスト。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
画像周辺がトリミング(削除)
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。

テキスト部分のサイズにより画像サイズが変化します。

表示したいテキスト
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
表示したいテキスト
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
長い文章です。
表示したいテキスト
短い文章です。
短い文章です。
表示したいテキスト
短い文章です。
短い文章です。

画像の縦横比が異なっていても、トリミングされキレイにレイアウトされます

表示したいテキスト
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
表示したいテキスト
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
表示したいテキスト
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
↑大きなサイズの画像でもキレイに整形してくれます。
ここをクリックして表示したいテキストを入力してください。テキストは「右寄せ」「中央寄せ」「左寄せ」といった整列方向、「太字」「斜体」「下線」「取り消し線」、「文字サイズ」「文字色」「文字の背景色」など細かく編集することができます。
ペライチは無料で
アカウント登録できます。
まずは実際に作ってみましょう!!
まだの人は、下記からどうぞ。

ご意見、ご感想

よろしければ、下記のフォームよりこのページのご意見・ご感想をお聞かせください。
その他 質問等 なんでも結構です。

by ペライチ茨城県認定サポーター 江原
フォームから送信された内容はマイページの「フォーム」ボタンから確認できます。
送信したメールアドレスでお知らせ配信に登録する
送信

このページ 作成者

☆☆ 江原 裕 ☆☆
ペライチ茨城県認定サポーター
茨城県水戸市在住
家族:妻(栄養士)と息子(大学生)
仕事:財団法人団体のIT担当者(IT歴34年)
資格:システム監査技術者、ネットワークスペシャリスト
趣味:ヨガ、Zumba(フィットネス)、オペラ鑑賞

【ブログ書いています】
良かったら見てください!
初心者のためのWeb集客(毎日更新が目標!)
アラかんブログ(不定期です)
よかったら、「いいね」ボタンを押してくださいね!