画像の直し方

ロゴイメージ | ホームページ修正SHOP スポットマシン
初めて読む方、もしくは初めて自分で直すことに挑戦する方は、
下記を読んでソフトなどの準備をしてください。
はじめて直す方はこちら
ここからは上記方法などで過去に直した経験があり、必要な準備が整っていることが前提です。
まず、新しく使いたい画像がある場合はそれを用意して、先にサーバーにアップロードしておきます。
一般的には「images」のような画像専用フォルダに入れておきます。

次にhtmlファイルの更新です。
ホームページで画像を変える場合はタグの中の「画像の位置」を記載した場所を編集します。
画像の位置は「src」にURLで記載してあります。

ここを先にアップロードした画像のurlに変えることで画像を変えることができます。

例えば、当サイトの以下の部分であれば、


<img src="https://spot-machine.shop/wp-content/themes/spotmachine/img/top/trouble_img.png" width="795" height="244" alt="トラブルイメージ | ホームページ修正shopスポットマシン">

が画像の表示を指定している部分です。この部分をアップロードした新しい画像のurlに差し替えます。

新しい画像のサイズが変える前と後で同じであればそのままでよいですが、変わる場合は、「width」と「height」を新しい画像サイズに変更してください。
また、画像サイズが変わった場合レイアウトが崩れてしまう事が多いのでちゃんと確認して適宜直します。

画像を削除したい場合は、タグを削除することで画像がなくなります、ただその場合もレイアウトが崩れますので、適宜直します。

最後にhtmlファイルを元の所にアップロードしてブラウザをリロードすれば画像が変わっているはずです。