1. Home
  2. サイト編集 – 中級編
  3. 同じ行に入っているコンテンツの高さをそろえる

同じ行に入っているコンテンツの高さをそろえる

1コンテンツの高さをそろえる

※コンテンツの高さをわかりやすくするために、コンテンツの背景にわざと色をいれています。

  1. ページ上の、黒い管理バーの「ページビルダー」をクリックし、ブラウザを直接編集できる状態にします。
  2. 右側に出てくるコンテナから、「行のレイアウト」>「3カラム」など好きなものをドラッグして追加できます。横に3つコンテンツを並べたい場合は「3カラム」を選んでください。
  3. カラムを配置した一番最初に「カラムの設定」>「列の高さを均等にする」をクリックすると、並んだコンテンツのずべての高さが均等になります。
    この場合、横に3つ並んだコンテンツがすべて同じ高さになります。
  4. 行の中に「基本モジュール」>「テキストエディタ」を選び配置します。こうすることでコンテンツの高さを揃えることができます。

※ページビルダーの編集画面では均等な高さが綺麗に表示されないことがあります。その場合、「変更を保存」しページビルダーを終了ささせると、該当ページに上手く反映できているのが確認できます。

ポイント

細かくレイアウトをしたい場合、予め用意されたモジュールを使うと簡単です。テキストなどは「上級モジュール」>「価格表」などで高さや形の整ったモジュールを選ぶと編集しやすくなります。

この記事はお役に立ちましたでしょうか? Yes No

How can we help?