【忘れずに！】差し替えた画像の高さを整える

外注費用を抑えたホームページ制作や運営内製化をご検討中の方は是非ご一読ください。

サイトの修正で頻繁に行うことの多いのが画像の差し替えです。差し替えた後に画像の位置を整えて更新しましょう。エレメンターで制作されたホームページなら、画像差し替え後に画像の高さを整えるのは簡単です。この記事は先日アップロードした『画像を差し替える』記事の続きです。当社では2017年のリリース直後より積極的にエレメンター用いたホームページ制作を行ってまいりました。外注費用を抑えたホームページ制作や運営をご検討中の方は是非最後までお読みください。

エレメンターとは？

【画像の位置（高さ）を整える】ホームページのマイナーチェンジは内製化への第一歩

今回は当社のサービスページ内の差し替え後の画像を左側のチェックリストに高さをあわせます。（画像差し替えの記事・動画はこちら）左側の編集画面で余白を調整して高さをそろえます。

差し替え後の続きからごく簡単に説明します。
画像右上に表示される水色の画像編集ボタンをクリックします。
紫色の帯の真下にある『高度な設定』（右側のボタン）をクリックします。
『▼高度な設定』の真下に『マージン』を調整する箇所がありますので、一番左側の上のマージンの数値を調整します。『マージン』は余白のことなので、上部の余白の数値を増やします。今回は上下のボタンで少しずつ調整しました。
左側の資格と同じ高さになったところで更新ボタンを押して終了です。
⇒実際にはプレビューを確認してから更新します。

画像そのものの高さを下げるというよりは、画像上部にある余白を調整して高さを揃えていきます。
毎回同じですが、左下のプレビューボタンで、実際のページを確認し、問題ないことを確認してから更新します。

⇒『画像を差し替える』の記事はこちら

【まとめ】エレメンターでホームページ運営の内製化

このように、様々な調整はホームページ上で行われ、直感的な操作で更新できるのがエレメンターの特徴です。テンプレートに依存することなく、ちょっとしたサイトのマイナーチェンジがご自身で出来るようになります。今回の『画像の高さをそろえる』は、とても細かな調整ですが、後回しにしてしまうとチョット見栄えが悪くなってしまうので、画像を差し替えたその時に揃えておくことがベストです。