素材（サーバーブラウザー）
サイトで使用する画像やPDFなどの素材を「サーバーブラウザー」で管理します。
この機能の関連操作
サーバーブラウザーの使い方
画像やPDFなど、各種ファイルは「サーバーブラウザー」で管理しており、サイトで使用する画像や各種ファイルは、このサーバーブラウザーにアップロードをして使用することができます。
アップロードできるファイルのサイズと拡張子は下記の「アップできる拡張子とサイズの上限について参照してください。
上部の操作について
| 最適化 | 表示されているフォルダ内の画像（jpeg/jpg/png）を最適化（ロスレス圧縮）します。 |
|---|---|
| 画像／ファイル | 【画像】と【ファイル】のタブが表示される場合は、タブをタップして切り替えることができます。
|
 上の階層ボタン | 現在のフォルダの上の階層のフォルダを表示することができます。 |
| 表示フォルダ | 現在のフォルダの階層が表示されます。一番上の階層では表示されません。 |
| ソート順選択 | 選択したソート順（名前順、日付順、サイズ順）で表示されます。 |
| 表示形式選択 | 選択した表示形式（サムネイル表示、リスト表示）に切替えすることができます。 |
フォルダ・ファイルの操作について
| ファイル | フォルダ | |
|---|---|---|
 使用中 | サイト内に使用中（公開サイト、編集サイト）の場合は「使用中」と表示されます。 ※使用状況は、サーバーブラウザーを表示する際に更新されます。 | |
 メニューボタン | 画像やファイルのメニューを表示します。 ファイルのメニュー
| フォルダのメニューを表示します。 フォルダのメニュー
|
| - 名前の変更 | この画像やファイルの名称を変更します。ファイル名は必ず下記の「ファイル＆フォルダ名のルール」にしたがって入力する必要があります。 | このフォルダの名称を変更します。フォルダ名は必ず下記の「ファイル＆フォルダ名のルール」にしたがって入力する必要があります。 |
| - ファイルの説明 | この画像やファイルの説明を変更します。 画像のコンテンツパーツにはalt属性として表示されます。 | ※該当メニューなし |
| - ファイルの回転 | この画像を時計回りに90度回転します。
| ※該当メニューなし |
| - サイズの変更 | この画像やファイルのサイズ（横px、縦px）を変更します。縦横比のアイコンをタップすると固定するか解除するか切替えができます。
| ※該当メニューなし |
| - ダウンロード | この画像やファイルをダウンロードします。 | このフォルダをZIP形式でダウンロードします。 |
| - 削除 | この画像やファイルを削除します。 | このフォルダを削除します。フォルダ内のフォルダやファイルもすべて削除されます。 |
画像やファイルを追加する
画像やファイルをアップロードして追加します。
1
スマホアプリのホーム画面を表示し、[素材]ボタンをタップします。
2
サーバーブラウザーの【画像】タブが表示されます。画像を追加する場合は次の手順に進みます。【ファイル】タブに追加する場合は【ファイル】タブをタップして切り替えます。
3
画面下の[追加]ボタンをタップすると、ポップアップメニューが表示されます。写真を撮って追加する場合は[写真を撮る]を選択します。スマートフォンにあるファイルを追加する場合は[端末からアップロード]を選択します。
- [写真を撮る]を選択した場合はスマートフォンのカメラアプリが起動しますので、写真を撮って保存してください。
- [端末からアップロード]を選択した場合は追加するファイルを選択してください。
4
追加するファイルのアップロードダイアログが表示されたら、アップロードのオプション内容を確認して[アップロード]ボタンをタップします。
- 端末内に保存されている画像をそのままアップロードする場合は「最適化＋大きい画像の自動縮小」のチェックを外してください。
アップロードのオプション（画像の場合）
- 画像（jpeg/jpg/png/gif/webp）のみ表示されます。
- ファイル用のサーバーブラウザーには表示されません。
| 横： px 縦： px | 選択した画像サイズ（px）が表示されます。サイズを変更する場合は値を変更します。 |
|---|---|
 縦横比ボタン | 画像の縦横比の固定と解除をタップして切替えします。 |
 サイズを戻すボタン | 画像のサイズをオリジナルに戻します。 |
| 最適化＋大きい画像の自動縮小 | チェックをいれると最適化し、縦横比を固定したまま長辺1280px以内に自動縮小されます。チェックを外すと最適化および自動縮小はされません。
|
| 上書きモード | アップロードするファイルと同じファイル名のファイルがある場合に、上書きするかどうか設定します。 |
アップロードのオプション（画像・ファイル共通）
| 上書きモード |
アップロードするファイルと同じファイル名のファイルがある場合に、上書きするかどうか設定します。 |
|---|
5
「保存しました。」とメッセージが表示されると完了です。
フォルダを新規作成する
1
上記の1～2と同じ方法でサーバーブラウザーを表示します。
2
画面下の[追加]ボタンをタップして、ポップアップメニューの[フォルダの新規作成]をタップします。
3
フォルダ名を入力します。フォルダ名は必ず下記の「ファイル＆フォルダ名のルール」にしたがって入力してください。
4
[保存]ボタンをタップして「保存しました。」のメッセージが表示されたら完了です。
アップできる拡張子とサイズの上限
画像
| 拡張子 | 3fr、ai、arw、bmp、cr2、crw、dcs、dcr、dng、eps、erf、gif、jpg、jpeg、kdc、mef、mos、mrw、nef、nrw、orf、pef、png、psd、r3d、raf、rw2、rwl、sketch、sr2、xd、svg、svgz、tif、tiff、x3f、3gp、3gpp、3gpp2、asf、avi、dv、flv、m2t、m4v、mkv、mov、mp4、mpeg、mpg、mts、oggtheora、ogv、rm、ts、vob、webm、webp、wmv、swf、jpg、gif、jpeg、png、tiff、tif、swf、fla、flv、zip、txt |
|---|---|
| 上限 | 32MB |
ファイル
| 拡張子 | csv、doc、csv、doc、docm、docx、ods、odt、otf、pdf、ps、rtf、ttf、xls、xlsm、xlsx、odp、pps、ppsm、ppsx、ppt、pptm、pptx、3fr、ai、arw、bmp、cr2、crw、dcs、dcr、dng、eps、erf、gif、heic、jpg、jpeg、kdc、mef、mos、mrw、nef、nrw、orf、pef、png、psd、r3d、raf、rw2、rwl、sketch、sr2、xd、svg、svgz、tif、tiff、x3f、3gp、3gpp、3gpp2、asf、avi、dv、flv、m2t、m4v、mkv、mov、mp4、mpeg、mpg、mts、oggtheora、ogv、rm、ts、vob、webm、wmv、swf、aac、m4a、mp3、oga、wav、as、as3、asm、cpp、cs、css、cxx、diff、erb、erl、groovy、gvy、h、haml、hh、hxx、js、json、jsx、less、lst、markdown、md、mdown、mkdn、ml、mm、out、plist、properties、sass、scm、script、scss、sml、sql、txt、vb、vi、vim、webp、xhtml、xml、xsd、xsl、yaml、yml、htm、html、lzh、zip、tar、gz、7z、rar |
|---|---|
| 上限 | 32MB |
よくある質問
-
一括でファイルをアップロードできますか？
-
スマホアプリでは、ファイルの一括アップロードの機能はありません。ファイルのアップロードは1つずつ選択してアップロードを行ってください。
PC版のサーバーブラウザーには、ドラッグによる一括アップロードがありますので、複数のアップロードが必要となる場合は、PC版のサーバーブラウザーよりご対応ください。
-
ファイル名が同じファイルをアップロードしても上書きされません。
-
ファイルをアップロードするときに「上書きモード」にチェックが入っていない場合は、同じファイル名でも上書きされません。アップロードする際に「上書きモード」にチェックを入れてご確認ください。
- ホーム画面の「素材」からサーバーブラウザーを表示したときは、「上書きモード」はデフォルトはチェックなしとなっております。
-
ファイルに「使用中」と表示されますが、どのようなファイルが対象になりますか？
-
サーバーブラウザー（画像・ファイル）を表示するときに、編集サイト内と公開サイト内で使用されているファイルの上に「使用中」と表示されます。
- 各設定項目に画像として挿入されている場合（エディタ内の画像を含む）
- 各設定項目にファイルとして挿入されている場合（エディタ内の画像を含む）
- 各設定項目に動画として挿入されている場合（エディタ内の画像を含む）
- 各設定項目にリンク先に設定されている場合（エディタ内の画像を含む）
【対象外】オンラインショップ（商品画像/お知らせ内の画像/画面設定）、会員管理（画面設定）、その他画像を挿入する目的以外の項目（記事タイトルやトラッキングコードなど）
- 使用状況の判定は、スマホアプリのサーバーブラウザーの表示・切り替え時に対象を検出しております。