【AMSケーススタディ】サイト上部（ロゴ・電話番号など）の修正

カスタムCSSの編集上級者向け

制作代行サービスでは、サイトの見映えをよくするため、サイト上部にロゴマーク、電話番号などが画像で設置されています。

場合によっては編集によりレイアウトが崩れるため、専門的な知識がある方のみ、ご自身でご対応をお願いします。

上級者向けとなり、サポート対象外となります。
ご自身での対応が難しい場合は、お見積りとなりますので、カスタマーセンターまでご依頼ください。

※編集によりイアウトが崩れた場合の修正も、有料でのご対応となりますので、ご不安でしたら、カスタマーセンターへのご依頼をおすすめします。

カスタマーセンターへのご依頼はこちら

例として下記でご案内しております。
■ホームページURL : https:// abc.com/
■差し替え前の画像URL：https:// abc.com/materials/123456789.png
■差し替え後の画像URL：https:// abc.com/materials/77777.png

事前準備

手順1-2)でメモしたサイズと全く同じサイズの画像を作成します。

レイアウトが崩れたり、解像度が高いディスプレイでは画像が不鮮明になるため、必ず制作代行時に設定した画像と同じサイズをご準備ください。

1.「ファイル管理」内で変更前画像サイズとURLを確認

1)「ファイル管理」をクリックします。
2)使用している画像を探して選択し、画像横にある「縦●px 横●px」をメモします。

3)画像を選択した状態で、「情報」をクリックします。
4)画像のURLから「/materials/●●」をコピーしてメモ帳などに保存します。

例）差し替え前の画像URLが「https:// abc.com/materials/123456789.png」の場合は、「/materials/123456789.png」をコピーして保存します。

2.新しく作成した画像を「ファイル管理」にアップロード

「ファイル管理」>「アップロード」の順にクリックし、【事前準備】で用意した画像をアップロードします。

画像・PDFをアップロードする

3.手順2でアップした画像URLを保存します

アップした画像を選択し、「情報」をクリック、画像URLをメモ帳などに保存します。
※画像URLから「/materials/●●.jpg」（もしくは「/materials/●●.png」）の部分を保存します。

例）差し替え御の画像URLが「https:// abc.com/materials/77777.png」の場合は、「/materials/77777.png」をコピーして保存します。

4.カスタムCSSで現在の画像が設定されている位置を確認

「デザインテーマ」>「パソコン」（もしくは「スマートフォン」、「レスポンシブ」）の順にクリックします。

「オリジナルCSS編集」をクリックします。

位置の確認前に…

確認や編集作業によりレイアウトか崩れる場合があるため、元の状態に戻せるように必ずバックアップをお願いします。
レイアウトが崩れるとお見積もりとなる場合がございますので、ご注意ください。

手順1で保存した画像URLが記載されている位置を確認します。

マニュアルの例は画像URLが「https:// abc.com/materials/123456789.png」の場合でご案内しております。
前後の記述は各ユーザー様で異なりますので、ご注意ください。
レスポンシブの場合は「レスポンシブ」のみ、その他は「パソコン」「スマートフォン」両方のカスタムCSSで確認が必要になります。

5.アップした画像URLへ上書きする

手順4の画像URLを手順3で保存した新しい画像URLに上書きし、「CSS保存」をクリックします。

上級者向けの作業のため、サポートは対象外です。
マニュアルの例は保存した画像URLが「/materials/77777.png」の場合でご案内しております。
「(」「)」なども全て必要なタグです。
「/materials/ファイル名.jpg」「/materials/ファイル名.png」以外は削除・上書きしないよう十分にご注意ください。
編集でレイアウトが崩れた場合は手順4で保存したCSSに戻してから、再度、お試しください。