複数の画像の高さを同じ高さに揃える方法

Google サイトでは同じセクション内に複数の画像を追加することができますが、追加した画像の高さを同じ高さに揃えることができるような機能が用意されています。ここでは Google サイトで同じセクション内の複数の画像の高さを同じ高さに揃える方法について解説します。

※ Google サイトで画像を追加する基本的な操作方法については「画像を追加する」を参照されてください。

(2022 年 04 月 29 日公開 / 2022 年 04 月 29 日更新)

複数の画像の高さを同じ高さに揃える

複数の画像の高さを揃えるには同じセクション内に画像を追加する必要があります。まずは同じセクション内に画像を追加してください。

複数の画像の高さを同じ高さに揃える(1)

もし別のセクションに画像が追加されていたら、ドラッグアンドドロップで画像を移動させてください。

複数の画像の高さを同じ高さに揃える(2)

複数の画像の高さを同じ高さに揃える(3)

複数の画像の高さを同じ高さに揃える(4)

それでは一番右の画像の高さを変更してみます。画像を一度クリックしてください。そして画像の下に表示されている ● をドラッグして下へ移動していくと高さが変わっていきます。

複数の画像の高さを同じ高さに揃える(5)

複数の画像の高さを同じ高さに揃える(6)

そして同じセクション内にある他の画像の高さに近くなると、同じ高さの位置に自動的に移動します。このとき、高さを変えている画像、同じ高さになるように比較された画像の両方の右側に青い線が表示されます。

複数の画像の高さを同じ高さに揃える(7)

そのままさらに ● をドラッグした下へ移動していくと任意の位置に移動できるようになりますが、どんどん高さを変えていきまた同じセクション内にある先ほどとは別の画像の高さに近くなると、同じ高さの位置に自動的に移動します。

複数の画像の高さを同じ高さに揃える(8)

このように同じセクションにある画像の高さを変更する場合は、別の画像の高さと同じくらいの高さになると自動的に同じ高さの位置に移動するため簡単に高さを揃えることができます。真ん中の画像も同じように高さを変更することで、 3 つの画像の高さを簡単に揃えることができました。

複数の画像の高さを同じ高さに揃える(9)

複数の画像の高さを同じ高さに揃える(10)

-- --

Google サイトで同じセクション内の複数の画像の高さを同じ高さに揃える方法について解説しました。

( Written by Tatsuo Ikura )

広告
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。