便利な使い方
メディアライブラリの使い方(画像のアップロードと管理)
「メディア」は、ホームページやブログ、ギャラリーなどで使う画像をまとめて保管しておく場所です。ここに画像をアップロードしておけば、各設定画面から呼び出して使えます。
この画面でできること
- 画像のアップロード(JPEG / PNG / WebP)
- アップロード済み画像をサムネイル付きで一覧表示
- 1枚あたり4MBまで・大きい写真は自動縮小
- 不要な画像の削除
- 使用中の画像は削除をブロックして表示崩れを防止
- 保存容量はプランごとに上限あり
管理画面での場所:サイトのコンテンツ › メディア
「メディア」は、サイトで使う画像を保管・管理する画像ライブラリです。ここにアップロードした画像は、トップページのメインビジュアル、ブログのカバー写真、ギャラリー、スタッフ写真、商品画像、店舗ロゴなど、ほかの編集画面から選んで使えます。先に画像をまとめて入れておくと、各画面での編集がスムーズになります。
この画面を開けるのは、オーナー・管理者・編集者の権限を持つスタッフだけです。それ以外の権限の方が開こうとすると、自動的にダッシュボードへ戻ります。画面は大きく分けて、上部の「画像をアップロード」エリアと、その下に2〜3列のカード形式で並ぶ「アップロード済み画像の一覧」で構成されています。
メディアライブラリ
サイトで使用する画像をアップロード・管理します
画像をアップロード
1対応形式・上限の案内JPEG / PNG / WebP・1枚4MBまで
2+ 画像を選んでアップロード
7成功メッセージ完了
8エラーメッセージエラー
アップロード済み画像(カードが並ぶ)
3サムネイル(プレビュー)画像の縮小表示
4ファイル名hair-style-01.jpg
5ファイルサイズ1.24 MB
6削除
9画像がないときの表示まだ画像がありません。
画面の各要素
上から順に、アップロードエリア・画像カード・状態表示の各要素です。番号は上の図と対応しています。
項目意味推奨・入力例
対応形式・上限の案内文
意味:アップロードできる画像の種類と、1枚あたりの容量上限を示す説明文です。
推奨:対応形式は **JPEG / PNG / WebP** の3種類、上限は **1枚あたり4MBまで** です。4MBを超える大きな写真も、アップロード前にブラウザ側で自動的に縮小(長辺の段階縮小+JPEG再圧縮)されるので、スマホで撮った写真をそのまま選んで問題ありません。
+ 画像を選んでアップロード(ボタン)
意味:クリックするとパソコンやスマホの中からファイルを選ぶ画面が開き、選んだ画像がそのまま自動でアップロードされます。
推奨:**1回の操作で1枚ずつ**アップロードします。アップロード中はボタンが「アップロード中...」に変わるので、完了するまで待ちましょう。横長の写真は1600px程度以上の幅があれば、トップやカバーでもきれいに表示できます。
サムネイル(プレビュー)
意味:アップロードした画像の縮小表示です。中身をひと目で確認できます。プレビューを作れないファイルでは「プレビューなし」と表示されます。
推奨:目的の画像をファイル名だけでなく見た目でも探せます。似た写真が多いときは、ファイル名を分かりやすく付けておくとさらに探しやすくなります。
ファイル名
意味:アップロードしたときのファイル名がそのまま表示されます。長い場合は省略表示され、マウスを乗せると全体が表示されます。
推奨:アップロード前に「cut-style-spring.jpg」のように内容が分かる名前にしておくと、後から一覧で探しやすくなります。
ファイルサイズ
意味:その画像が使っている容量をMB(メガバイト)で表示します(縮小・変換後のサイズ)。
推奨:容量の目安として確認します。サイズの大きい画像が増えるとプランの保存容量を圧迫するため、不要なものは削除しておくと安心です。
削除ボタン(赤)
意味:その画像をメディアライブラリから削除します。誤操作を防ぐため赤色(危険操作)で表示され、押すと確認メッセージが表示されます。
推奨:使わなくなった画像だけを削除します。押すと「公開サイトで使われている場合は表示が変わる/削除は取り消せない」旨の確認が出るので、内容を読んでから実行してください。**公開サイトで使用中の画像は削除できず**、どこで使われているか(ギャラリー・スタッフ写真・商品画像・ブログのカバー画像・店舗ロゴ・トップのメインビジュアル)が案内されます。先にその使用箇所から外してから削除しましょう。
成功メッセージ
意味:アップロードや削除が正常に完了したときに表示される通知です。
推奨:「画像をアップロードしました。」「画像を削除しました。」が出れば操作完了です。表示を確認してから次の操作に進みましょう。
エラーメッセージ
意味:アップロードや削除がうまくいかなかったときに表示される赤い通知です。
推奨:容量上限の超過、対応外の形式、使用中による削除不可などが原因です。文面に対処方法(不要な画像を削除する、形式を変える、使用箇所から外す等)が書かれているので、それに従ってやり直してください。
画像がないときの表示
意味:まだ1枚も画像をアップロードしていないときに表示される案内です。
推奨:「まだ画像がありません。」と出ている場合は、上の「+ 画像を選んでアップロード」から最初の画像を追加してください。
画像をアップロードする流れ
- 1
アップロードボタンを押す
上部の「+ 画像を選んでアップロード」をクリックし、使いたい画像ファイルを1枚選びます。 - 2
自動でアップロード
ファイルを選ぶとすぐにアップロードが始まります。4MBを超える写真は自動で縮小されてから送られます。 - 3
完了を確認
「画像をアップロードしました。」と表示され、一覧の先頭に新しいカードが追加されれば完了です。
注意保存できる容量はプランで決まります。 画像の合計容量にはプランごとの上限があります(Pro:約1GB / Max:約5GB / Max+:約30GB・いずれも税込料金内)。上限を超えるとアップロード時にエラーになります。その場合は不要な画像を削除して空きを作ってください。なお店内の様子や仕上がりの写真を載せる際は、実際と異なる印象を与える過度な加工は避け、効能・効果を断定するような表現は使わないようにしましょう。
ヒント削除できないときは「使用中」が原因です。 「この画像は◯◯で使用中のため削除できません。先に使用箇所から外してください。」と表示されたら、その画像はギャラリー・スタッフ写真・商品画像・ブログのカバー画像・店舗ロゴ・トップのメインビジュアルのいずれかで使われています。まず該当の編集画面でその画像を外す(別の画像に差し替える)と、削除できるようになります。これは、使用中の画像を消して公開サイトの表示が突然崩れるのを防ぐための仕組みです。