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

メディア

メディアには、ホームページに掲載している画像やPDFなどのファイルを格納しています。
メディア内のファイル名や保存場所(フォルダ階層)は、ページ表示と紐づいているため、誤って変更・削除するとホームページ上で画像やファイルが表示されなくなる場合があります。操作の際はご注意ください。

9a1ba60e479da9e8692519b3e05177d9-1766644539.png

メディアでできること

    • 画像・PDFなどのファイルをアップロードする

    • ファイルをフォルダで整理する(階層分け)

    • ファイル名の変更・削除(※慎重に)

    • 画像やPDFを差し替える(ページ側から/メディア側から)

注意事項(必ずご確認ください)

  • メディアで削除したファイルは復元できません
    削除や上書きを行う前に、必要に応じてダウンロードしてバックアップを取得してください。

  • ファイル名や保存先フォルダを変更すると、ページ側で参照しているパスが変わり、表示できなくなることがあります。

  • 同じ階層に「同じファイル名・同じ拡張子」でアップロードすると、既存ファイルが上書きされます。
    元データを残したい場合は、上書き前にファイル名を変更してください。
af10a81d0272204c5de22e5a230a91b6-1766644628.png
384b14ec7d2b5d3fe4fa5143f8238d89-1766644634.png

ファイルをアップロードする方法

アップロードは以下いずれかで行えます。

  • アップロードエリアへドラッグ&ドロップ
  • 「新しいファイル」をクリックして選択
4d101f9018e108f3e9196328e1979e58-1766644587.png
a0dab9d406d8b07b2e2b01a0a4639bce-1766644592.png

ファイル名のルール

アップロードできるファイル名は 英数字 と、記号は .(ドット)-(ハイフン)_(アンダーバー) のみです。
※日本語のファイル名はアップロードできません。

5f7c418673225cd8dffc6b6c3e17c02e-1766644715.png

容量・拡張子について

  • アップロードできるファイル容量は 20MB が上限です。
  • 動画は動画投稿サイトの活用をおすすめします。
  • 大容量のPDFは、必要に応じて圧縮してからアップロードしてください。
  • アップロード可能な拡張子は、メディアの画面左下からご確認ください。
8ea3f4fea4c4248dd6d82b4e75d0eb66-1766644762.png

フォルダで整理する

ファイル数が増えてきた場合は、新しいフォルダを作成して階層分けすることをおすすめします。
ただし、既存のフォルダ名を変更したり、ファイルの格納先を移動すると、サイト上で表示が消える可能性があります。編集の際はご注意ください。

基本的には、お客様用のフォルダを新規作成し、その中で管理いただくのがおすすめです。
また、同じフォルダ内で「同じファイル名・同じ拡張子」をアップロードすると即時上書きされ、復元できません。
上書き事故を防ぐため、1フォルダ内のファイル数は一目で把握できる程度に整理しておくと安心です。

弊社の格納ルール(概要)

最上位には、主に以下のフォルダがあります

  • サイト全体で使うフォルダ(サイト名)
  • 記事ページで使うフォルダ(posts) ※posts配下は比較的自由に整理してOK

「サイト名」フォルダ配下は、用途ごとに分かれています

  • common:ロゴなど全体共通
  • layout:ヘッダー/フッターなど複数ページ共通
  • page:サイトマップ構成と同じ階層で、各ページ用ファイルを格納

運用の目安として、記事ページ(お知らせ)で使うファイルは posts 配下に月ごと(例:202510)や作成日(例:251225)でフォルダを作成しページに使うファイルはサイトマップと同じ階層のフォルダに格納してください。

画像・PDFを差し替える方法

1)ページ編集画面から差し替える(1箇所だけ差し替えたい時)

ページの編集画面で、差し替えたいファイルを指定して変更する方法です。

画像の場合

  1. 編集画面で差し替えたい画像をクリックします
  2. 画像アイコンをクリックして画像設定を開きます
  3. URL横の矢印をクリックします
  4. メディア(該当フォルダ)が開くので、差し替えたい画像をアップロードします
  5. アップロードした画像を選択します
  6. 幅・高さに自動入力される数値は削除してください
    └ 数値が入ったまま保存すると、スマホ表示で縦横比が崩れる場合があります
  7. 「保存」して内容を確認します
75912dd5f11bb6e85a7b49176b04b037-1766725683.png
6326c145684322a79526d0cfa7a6a548-1766725694.png
2ca4db47d1dbc39e15709b9eabfe0586-1766725751.png
eb31c2af8763b2e8f43ebc205fbf9232-1766725761.png
0c0ebeaefe1fcaa0c00896401e815f50-1766725769.png
1007b57a78f6a032d9b55ff1ad2400d1-1766725797.png

※元の画像と同じサイズの画像で差し替えると、見た目が崩れにくくなります。
 元の画像サイズは、画像を新しいタブで開くか、メディア側でファイルをクリックして確認できます。

fca963de288827cc700df48d97118a3d-1766726181.png
aada4b47aea9ebbea6ddab5329f1d1e7-1766726205.png
74adce8f2563bc785025822a3d1cb809-1766726212.png

PDFの場合

  1. 編集画面で差し替えたいPDFリンク(PDFが設定されている箇所)をクリックします
  2. リンクアイコンを選択します
  3. URL横の矢印をクリックします
  4. メディア(該当フォルダ)が開くので、差し替えたいPDFをアップロードし、選択します

※ワードやパワーポイントなど他拡張子のファイルもPDFと同様の手順で差し替えができます。

eaf5ce45535c8e263ae7f2f44769e805-1766725710.png
9a185421487c834f80a4f54f3122ce28-1766725724.png

2)メディアから差し替える(複数箇所で同じファイルを使っている時)

同じ画像やPDFを複数ページで使っている場合、メディア側で上書きすると一括で差し替えできます。

  1. 公開ページで差し替えたい画像を右クリックし「新しいタブで開く」
    (PDFの場合はクリックして開く)
  2. アドレスバーの /media/ 以降が、メディア内のフォルダ階層とファイル名・拡張子です
  3. メディア画面で、同じ階層(フォルダ)を開きます
  4. 同じファイル名・同じ拡張子でアップロードすると上書きされます
    └元データを残したい場合は、上書き前にファイル名を変更してください
  5. 上書き後は、表示確認の前にキャッシュクリアを行ってください


【履歴(キャッシュ)消去方法】
・Windows:「Ctrl(コントロールキー) + F5キー」を同時押し
・Mac:「Command + Shift + R」を同時押し

cb8119c458ac100e09c312c549d6b49e-1766726395.png
5ef8566dc67e049224ec69d842ebdb92-1766726410.png

戻る