Scorpio

遥かなる妄想の中で
<< 製本まとめ :: main :: コスメちっく☆パラダイス >>

flickrViewer + SimpleViewer設置方法

flickrって日本語化されてるの?
とりあえず、このようなアルバムの設置方法を書き書き。
いろんなサイトやブログ読んで設置したけど、イマイチ分かり辛いので。

1.【flickrViewer】と【SimpleViewer】をダウンロード&解凍

2.【SimpleViewer】のフォルダ内に【flickrViewer】のファイルを全てコピー
【確認事項】
必要なファイルは下記のとおり。(その他のファイルは必要ありません)
●SimpleViewer
・flashobject.js
・viewer.swf
●flickrViewer
・index.html
・flickrViewer.php
3.【flickrViewer.php】の内容を書き換える
※ここで記載されている部分以外は、特に書き換えなくても問題なく動きます。
※flickrViewer.phpというPHPファイルを開くのですが、特別エディタ等は必要ありません。【メモ帳】にドラッグ&ドロップするか、ファイル右クリック>プログラムから開く>NotePadで開くことができます。

●API keyの入手・設定
$apikey = '********************************';
http://www.flickr.com/services/api/misc.api_keys.htmlに飛ぶ。
・「Apply for your key online now, 」この部分にリンクが貼ってあるのでクリック。
・名前等記入し、APPLYボタンを押す。
・表示される文字列(英数字混合ランダム)をコピー。
・flickrViewer.phpに戻る。
$apikey = '********************************';
↑赤字部分にペースト。

●PhotosetURLの入手・設定
$setid = '72157601919641880';
flickrのマイページ(トップページ)に飛ぶ。
・[You]>[Your sets] アルバム一覧から表示させたい自分のアルバムを開く。
・アドレスの後半の数字列をコピーする
(例)http://www.flickr.com/photos/lisax/sets/72157601919641880/
↑赤字の部分をコピー。
・flickrViewer.phpに戻る。
$setid = '72157601919641880';
↑赤字部分にペースト。

●UserURLの入手・設定
$userurl = 'http://www.flickr.com/photos/lisax/';
flickrトップページ>[You]>[Your photos]に飛ぶ。
・表示されたアドレス(これが【ユーザーURL】です)をコピー。
(例)http://www.flickr.com/photos/lisax/
↑赤字の部分をコピー。
・flickrViewer.phpに戻る。
$userurl = 'http://www.flickr.com/photos/lisax/';
↑赤字部分にペースト。(後半部分だけ書き換えも可能です)

●アルバムタイトルを変える
ここに入力したタイトルは、アルバムのサムネイル左上に表示されるだけです。
$title = "Fireworks"; ←赤字部分を変更

上記全部書き換えたら、flickrViewer.phpを上書きします。

4.フォルダ内のファイルを全てサーバーにアップロード
※flickrViewer.phpの属性をサーバーの環境に合わせて設定してください!
サーバーごとに異なりますが、ロリポップの場合は「604」が推奨されています。

※FFFTPの設定で「大文字を小文字に変えてアップロード」を選択している場合
FFFTPの[オプション]>[転送2]>[ファイル名の変更]>[そのままのファイル名で転送]を選んでOKを押し、設定を変更してから再度アップロードください。

5.index.htmlを開く
画像が読み込まれ、表示されれば設置成功です。


また、index.htmlのHTMLタグやCSSを直接弄って背景色・文字色を変更することも出来ます。
そこらへんは各自おまかせで。
その際、誤ってFlashタグを消したりしないでくださいねヾ(*・ω・)ノ
Report > flickr
mikoto : comments (0) : trackbacks (0)

COMENNTS

COMMENT FORM

TRACKBACKS