サイト運用のためのマニュアルサイト

写真の変更はできますか?

記事ページの場合

  1. 対象の記事ページの編集画面を開く
  2. 変更したい写真ブロックの「お使いの環境」ボタンをクリック
  3. パソコンから変更後の写真を選択
  4. 「ページに反映」をクリック
  5. 「公開ページ」から差し替えが確認できる
e29a270ed2a623e9733012963999814b-1766382017.png

固定ページの場合 - 1ページずつ変更する

75912dd5f11bb6e85a7b49176b04b037-1766382823.png
差し替えたい画像をクリックし、グレーになった画像アイコンを選択
6326c145684322a79526d0cfa7a6a548-1766382830.png
画像のソースの右隣にある上矢印のアイコンをクリック
2ca4db47d1dbc39e15709b9eabfe0586-1766382836.png
新しいファイルから差し替え後の画像をアップロード
eb31c2af8763b2e8f43ebc205fbf9232-1766382841.png
アップロードした画像をクリック
0c0ebeaefe1fcaa0c00896401e815f50-1766382847.png
幅と高さに自動入力された数字は消去し、保存

※幅と高さに自動入力された数字をそのまま保存すると、スマホ閲覧時に画像の縦横比が崩れる場合があります。

固定ページの場合 - 一括で変更する

複数ページに渡り掲載されている同じ画像を差し替えたい場合には、一括での変更がおすすめです。

fca963de288827cc700df48d97118a3d-1766383433.png
差し替えたい画像を右クリックし、「新しいタブで開く」を選択
cb8119c458ac100e09c312c549d6b49e-1766383462.png
アドレスバーのmedia/以降を確認
5ef8566dc67e049224ec69d842ebdb92-1766383471.png
CMSのメニュー > メディアから、画像が保存されているフォルダを開き、同じファイル名・拡張子でアップロード
17ec2831f7235f46877401d6c1875188-1766383479.png
差し替え元の画像を残しておきたい場合、右上の…から名前を変更する

元ページに戻り、キャッシュクリアの操作を行うと、画像の差し替えが確認できます。

【履歴(キャッシュ)消去方法】

 ・Windows:「Ctrl(コントロールキー) + F5キー」を同時押し

 ・Mac:「Command + Shift + R」を同時押し

画像差し替えのコツ

差し替え元の画像と同じサイズの画像で差し替えをするとページが崩れず綺麗に差し替えることができます。

差し替えたい画像を右クリックし、「新しいタブで画像を開く」と、タブ上で画像サイズを確認できます。
あるいは、メディアに格納されている画像をクリックすると、右下からも画像サイズを確認できます。

差し替えたい画像のサイズを元画像と同じに調整してからの差し替えがおすすめです。

aada4b47aea9ebbea6ddab5329f1d1e7-1766383504.png
74adce8f2563bc785025822a3d1cb809-1766383509.png

戻る