ホームページライフ 活用ガイド

ホームページ作成ガイド
かんたんサイト作成で、サイトを立ち上げてみましょう!

ホームページ作成ガイド

編集編

画像の差し替え

トップページのメインで使われている画像、また、各ページに挿入されているサンプル画像を差し替えていきます。



画像が使われている場所や、サイズはテンプレートによって様々ですが、差し替えの手順はどれも同じになります。上図では、赤枠の部分が差し替えられる画像です。
※青枠の画像は背景なので、差し替えられません。

また、メイン画像や、各ページのタイトルの背景画像(右上の一番上の赤枠)については、必要がないと感じれば特に差し替えなくとも大丈夫です。
※「sample」という文字が入っている画像は差し替えるようにしましょう。

サイトのカラーや自分だけのオリジナリティを出すために、出来ればトップのメイン画像は差し替えるとよいでしょう。
1.用意する画像サイズを確認
例として、トップページのメイン画像を差し替える方法をご紹介します。その他の画像を差し替えたい場合も、手順は同じです。テンプレートによってメインで使用されている画像のサイズが異なるので、まずサイズを確認しましょう。 index.htmlを開いてください。

画像の上、文字とかぶってない部分をクリックし、ツールの「イメージ挿入/編集」ボタンをクリックしてください。

 イメージプロパティが立ち上がるので、サイズを確認します。
右図の、赤枠の部分が画像のサイズです。
このテンプレートの場合は、
幅590px・高さ212pxの画像が使われています。

ここではサイズを確認するだけなので、サイズをメモしたら「キャンセル」をクリックしてイメージプロパティは閉じておきましょう。
2.画像を用意
差し替える画像のサイズを確認したら、画像を用意します。
下記より該当するものを選んで進んでください。
このページの先頭へ