画像を追加してメディアライブラリを使う

写真をアップロードして画像ブロックでページに配置し、あとからメディアライブラリで探したり、再利用したり、削除したりします。

写真があると、ストアに現実味が出ます。Payly では、画像を1回アップロードすれば、好きなだけ多くのページで再利用できます。アップロードした画像はすべて、サイトのメディアライブラリに保存されます。

始める前に

アップロードした画像は、ご自身の Cloudflare アカウントのストアに保存されます。Cloudflare をまだ接続していない場合は、初めて画像をアップロードするときに、Payly から接続を求められます。
JPEG、PNG、WebP、GIF、AVIF の画像を、1枚あたり 10 MB までアップロードできます。大きな写真は、アップロード前に自動で小さくされるので、ページが速く表示されます。アニメーション GIF はそのままです。

ページに画像を追加する

ブロックパネルで、メディアグループの画像をページへドラッグします。ブロックの追加、移動、サイズ変更をご覧ください。新しい画像ブロックには画像が選択されていませんと表示されます。
設定パネルで全般を開きます。画像の設定では、3つの方法で画像を選べます。
- 画像をアップロードをクリックして、パソコンからファイルを選びます。
- アップロード済みから選ぶをクリックして、以前にアップロードした画像を選びます。
- 画像のウェブアドレスを入力欄に貼り付けます。この方法は、使用する権利のある画像にだけ使ってください。また、他のサイトにある画像は変更されたり消えたりすることがあります。アップロードのほうが安全です。
代替テキストに短い説明を入力します。例：ろくろで器を成形する手。スクリーンリーダーを使う方に読み上げられ、画像が読み込めないときにも表示されます。検索エンジンも読み取ります。

ブロックから画像を外すには、プレビューの角にある x をクリックします。これでライブラリから画像が削除されることはありません。

アップロード済みの画像から選ぶ

アップロード済みから選ぶをクリックします。アップロード済みの画像のウィンドウが開き、各画像のサムネイルと、その下にサイズと種類が表示されます。
使いたい画像をクリックします。右側に、ファイル名、寸法、種類、サイズ、アドレスが表示されます。
この画像を使うをクリックします。

画像が多い場合は、ウィンドウに1ページずつ表示されます。サムネイルの下にある前へと次へで移動します。

画像の見た目を調整する

ページ上の画像ブロック。ろくろで器を成形する手の写真が表示され、右側に設定と代替テキストがある

形状は枠の形を決めます。ワイド 16:9、スタンダード 4:3、正方形、元の比率（画像そのものの縦横比）から選びます。
画像の合わせ方は、画像と枠の形が違うときの扱いを決めます。枠いっぱいに埋めるは、枠が完全に埋まるように画像を切り取ります。枠内に収めるは画像全体を表示し、周りに空白ができることがあります。
角の丸みは、角を丸くします。自動では、サイトのデザインの設定が使われます。

ブロックの幅と高さは、ページ上のサイズで決まります。ハンドルをドラッグして変更します。

画像を使うその他の場所

セクションの背景画像にも、同じ画像をアップロードとアップロード済みから選ぶのボタンがあります。セクションを操作するをご覧ください。
ロゴとブラウザのアイコンにも、同じボタンがあります。色、フォント、レイアウトを設定するをご覧ください。
商品に追加した写真も、同じライブラリに保存されます。
ギャラリーブロックでは、画像ごとにウェブアドレスを入力します。先に画像をアップロードし、あとで説明するようにライブラリからアドレスをコピーして、貼り付けてください。

メディアライブラリを管理する

サイトのダッシュボードに移動し、左側のメニューでメディアをクリックします。一覧には、各画像のファイル名、寸法、種類、サイズが表示されます。

メディア画面。4枚の画像の一覧と、右側に1枚目の画像の詳細と削除ボタンが表示されている

画像を追加をクリックすると、1枚または複数の画像を一度にアップロードできます。
画像を検索に入力すると、ファイル名で探せます。
画像の名前または行をクリックすると、右側に大きなプレビューと詳細が表示されます。
行の右端にあるコピーのアイコンをクリックすると、画像のウェブアドレスをコピーできます。

画像を削除する

画像をクリックして選択します。
右側の詳細で削除をクリックします。複数を削除するには、チェックボックスをオンにして、一括操作から削除を選び、適用をクリックします。
メッセージを読んで確認します。画像がサイトで使われている場合は、何か所に表示されているかがメッセージに表示されます。

重要: 削除した画像は完全に失われます。元に戻せるゴミ箱はありません。Payly は、下書きで使われている場所から画像を取り除き、公開するかどうかを確認します。公開するまでは、公開中のページが削除済みのファイルを参照したままなので、画像が壊れた状態で表示されることがあります（ブラウザに保存されたコピーがしばらく残る場合もあります）。削除したら、早めに公開してください。