2009年09月17日

[005] Img Portfolioの使い方3.写真にキャプションをつけよう

Img Portfolioをアップロードすると、写真データをまとめたフォルダのフォルダ名がそのままメニューとして表示されます。しかし、フォルダ名には半角英数字しか使えないので、このままですとメニューの内容分かりづらい場合があります。
そんな場合は、photoフォルダに入っているlist-files.csvを編集して、フォルダごとにタイトルをつけましょう。

1.list-files.csvを編集する
2.list-files.csvを上書きアップロードする
3.写真の表示順を入れ替えてみる
---

1.list-files.csvを編集する

public_html>photoフォルダに入っている
list-files.csvを開きます。

list-files.csvは
フォルダ名、ファイル名、キャプション
の3つの項目があります。
※はじめて開く場合はサンプル用のデータが入ってますので、削除してください。

フォルダ名にアップロードされているフォルダの名前、ファイル名に写真データの名前、キャプションに写真に割り当てるキャプションを入力し、list-files.csvを上書き保存します。

↑目次へ戻る

---

2.list-files.csvを上書きアップロードする

サーバーに接続し、さきほど編集したlist-files.csvを
public_html>photoに上書きでアップロードします。


問題なくアップロードされたか、ブラウザで確認してみましょう。


↑目次へ戻る

---

3.写真の表示順を入れ替えてみる

他にも、list-files.csvを編集することで、写真の表示順を変更することができます。

エクセルで編集する場合は、
行を入れ替えることで写真の表示順を変更することができます。

ファイル保存後、サーバーに接続しlist-files.csvを
public_html>photoに上書きでアップロードします。

ブラウザで確認してみましょう。
最初にロードされる写真が「スコトン岬」に変更されました。

↑目次へ戻る

---

<< PREV [004] Img Portfolioの使い方2.フォルダにタイトルをつけよう
posted by CVP at 23:52| Comment(0) | TrackBack(0) | 使い方
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/32200735
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック

↑PAGETOP