Img Portfolioをアップロードすると、写真データをまとめたフォルダのフォルダ名がそのままメニューとして表示されます。しかし、フォルダ名には半角英数字しか使えないので、このままですとメニューの内容分かりづらい場合があります。そんな場合は、photoフォルダに入っているlist-files.csvを編集して、フォルダごとにタイトルをつけましょう。
１．list-files.csvを編集する
２．list-files.csvを上書きアップロードする
３．写真の表示順を入れ替えてみる
---
１．list-files.csvを編集する
public_html＞photoフォルダに入っているlist-files.csvを開きます。
list-files.csvはフォルダ名、ファイル名、キャプション
の３つの項目があります。
※はじめて開く場合はサンプル用のデータが入ってますので、削除してください。
フォルダ名にアップロードされているフォルダの名前、ファイル名に写真データの名前、キャプションに写真に割り当てるキャプションを入力し、list-files.csvを上書き保存します。---
２．list-files.csvを上書きアップロードする
サーバーに接続し、さきほど編集したlist-files.csvを
public_html＞photoに上書きでアップロードします。
問題なくアップロードされたか、ブラウザで確認してみましょう。
---
３．写真の表示順を入れ替えてみる
他にも、list-files.csvを編集することで、写真の表示順を変更することができます。
エクセルで編集する場合は、行を入れ替えることで写真の表示順を変更することができます。
ファイル保存後、サーバーに接続しlist-files.csvを
public_html＞photoに上書きでアップロードします。
ブラウザで確認してみましょう。
最初にロードされる写真が「スコトン岬」に変更されました。
---
<< PREV [004] Img Portfolioの使い方２．フォルダにタイトルをつけよう
