いや、素晴らしいです。

お礼が遅くなり失礼しました。
そう言っていただけると嬉しいです。
おかげ様でなんとかsite...という形には出来た感じです。
ありがとうございます。

他の方も以下と同じようなページを作りたいという書き込みもありましたが、私も作りたいので、作り方の基本的なところを教えていただけませんでしょうか。
http://aisoratei.com/photograph/

ちなみに、Flickrも使ったことなく、RSSも漠然としかわかっていないです。以下試したことを書きますので、勘違いしているところとか間違っていることがあればご指摘いただけますでしょうか。
"FlickrPhotos"は無償なので、ダウンロードしてインストールしてみました。
RSSのURL？の入力が必要とわかったので、Flickrのアカウントを作って画像をアップしました。
Flickの自分のアカウントの画像情報のRSSを出力して、Flickrのアドオンの設定に貼り付ければいいと思う。さて、どうやってRSSを出力するのかわからない。Flickrのサイトで出力できそうですが場所がよくわからない。再度この書き込みを見たら"RSS Feed Creater"のアドオンを使うとか。

"RSS Feed Creater"は有償なので試してません。このアドオンをダウンロードしたらRSSが出力できて、"FlickrPhotos"に貼り付けるとできあがりということになるのでしょうか。

基本的なことですみません。よろしくおねがいします。

ご覧いただき、ありがとうございます。

FlickrPhotosですが、RSS Feed Creatorは購入しなくて大丈夫です。

使用方法は、flickrのサイトにログインして左上のHomeをクリックして、そのページの"Your Photostream"をクリックした先のURLがこのブロックの"Flickr Feed URL"に当たります。
自分の場合だとFlickr Feed URL:は
http://www.flickr.com/photos/cyanon/
と入力しています。
(最後のスラッシュのあとの...は、今エディタで自動でついてしまいました。)
これだけで動くはずです。

それからカスタムテンプレートを作成される場合は、blocks/flickr/ に form_setup_html.php もコピーして下さい。
これを入れないと編集画面で編集出来なくなってしまいます。



RSS Feed Creatorは簡単に、RSS FEEDに画像が表示出来たり、FEEDに静的なURLを使用出来たり...と色々便利なので購入しました。

私のアカウントでログインし、Flickrの"Your Photostream"をクリックしても登録した写真が出てきません。消えたのかなと思って、アップロード操作をするとアップ済みの画像が出てきます。

アップロード後、どうすれば"Your Photostream"に表示されるようになるんでしょうか。
Concrete5とは直接関係ないのですが、ご教示ください。

失礼しました。
FlickrのUpstreamの表示はできました。

そこで、Flickrブロックの設定で、URLを貼り付けて閉じると、以下のエラーが出ました。

Fatal error: Class 'DOMDocument' not found in /var/www/httpsdocs/concrete5.6.0_form/concrete/libraries/3rdparty/simplepie.php on line 8476

"simplepie.php"が必要なようです。

DOMDocumentクラスが存在しないってエラーですね…。ひょっとしてPHP4とか…まさかそんなことはないか。ぐぐってみたら、CentOSだとデフォルトでDOMモジュールが入っていないらしいです。

# yum install php-xml

PHPで「Fatal error: Class ‘DomDocument’ not found…」とエラーが出るときの対処法

何度もすみません。

先のは、php-xmlというのをインストールしたら解決できました。

今度は、以下のエラーが。

Fatal error: Class 'LibraryFileBlockController' not found in /var/www/httpsdocs/concrete5.6.0_form/packages/flickr/blocks/flickr/controller.php on line 88

これもphpのライブラリなんでしょうかね。

LibraryFileBlockControllerはconcrete5のクラスですね。5.6になってなんと、無くなったみたいです！Concrete5_Library_BlockControllerを使えってことなのかな…

ありがとうございました。

5.5.2.1.ja で試してみました。

今度は、

「入力されたフィールドのアドレスが間違っているようです」

というメッセージが出てきました。

"Your photostream"のページのURLでいいんですよね。

ということは、このブロックは5.6では動かない...のですね。
アップデートを待たないなのとですね。。
(でも5.6にアップデート出来る時が来たらきっと誘惑には勝てないと思いますが。)

別のURLのサイトで試したら、なんとかFlickrの画像が表示できました。
（先のサイトでなぜエラーが出るのか原因は不明ですが。）

やっと次の段階へということで、

＞Flickrブロックのカスタムテンプレートは下記アドレスからダウンロード出来ます。
＞http://aisoratei.com/down_load/concrete5etc/

とのことですが、ダウンロードしようとしたら、ログインが求められます。

返信が遅くなってしまい、すいません。
沢山いただいていた様で...申し訳ないです。
それでも使えるようになったみたいでなによりです。

カスタムテンプレートなんですが、あまりに恥ずかしいコードなので、ページの公開を止めてました（たぶん‘うんコード’です。。）。
これはif文とtrue / falseを覚えたてで、ループの中で条件分岐すればfor文のレイアウトを操作出来るかも！...と嬉々としてやったもので、酷い事になっています。

とりあえず、公開を再開致しました。
http://aisoratei.com/down_load/concrete5etc/

記述がごちゃっとしていて観づらいと思いますので、一応説明します。
for文が一周する毎に、trueになるdivを変えるようにしています。

いま思うとi++とかつかって一周したら当てはまる条件を自動で変えられるようにした方がいいのかも...と思ってます。
よかったら、こういう時のもっとスマートな方法を教えて頂けると嬉しいです。。

追記
一応、こちらに構造だけ添付しておきます。

ありがとうございました。
無理言ってすみませんでした。

早速インストールしてみました。
どうもわたしの環境では不安定です。うまく表示されることもありますが、縦に一列になったりします。

わたしなりにコードを確認してみます。

とりあえずありがとうございました。

私がアップする画像は４ｘ３なので横長に調整し、安定的に表示できるようになりました。
お手数かけました。

ところでこのレイアウトは、著作権というか権利とかあるんでしょうか？
自由に使っていいでしょうか。

ちなみに、以下のコードに入れ替えてみました。このほうがわかりやすいとおもいますので。
---
$count++;
$imgs = '<a href="'.$fileCachePathRel.'" rel="lightbox[plants]" title="'.$item->get_title().'">';
$imgs.= '<img src="'.$fileCachePathRel.'" /></a>';

switch($count) {
case 1:
echo '<div class="layout-1">';
echo '<div class="first-photo">'.$imgs.'</div>';
break;
case 2:
echo '<div class="layout-2">';
echo '<div class="second-photo">'.$imgs.'</div>';
break;
case 3:
echo '<div class="layout-3">';
echo '<div class="thard-photo">'.$imgs.'</div>';
break;
case 4:
echo '<div class="layout-4">';
echo '<div class="fourth-photo">'.$imgs.'</div>';
break;
case 5:
echo '<div class="fifth-photo">'.$imgs.'</div>';
break;
case 6:
echo '<div class="sixth-photo">'.$imgs.'</div>';
break;
case 7:
echo '<div class="seventh-photo">'.$imgs.'</div>';
echo '</div>';
echo '</div>';
echo '</div>';
echo '<div class="spacer"> </div>';
echo '</div>';
break;
}

素晴らしいです！
見やすくて良いですねー…こういうのに憧れてました。
このコード使わせてもらってよろしいでしょうか。
そろそろ自分の写真ページのコードもすっきりしたいと思っています。

それにしても、このケースを解決するはswitch文だったのですね！勉強になりました。
質問なのですが
1.
$imgs = '<a href="'.$fileCachePathRel.'" rel="lightbox[plants]" title="'.$item->get_title().'">';
$imgs.= '<img src="'.$fileCachePathRel.'" /></a>';
を $imgs と $imgs. に分けているのは見やすくする為…？それとも何か他に理由があるんでしょうか。
2.
それとecho .$imgs. だけでその二つを書き出せるのは、「$imgs」と「imgs.」を「.」で接続したのが「.$imgs.」であらわせる…みたいな事で良いんでしょうか。。

教えて頂けると今後の参考になってとても助かります。


それから著作権とかは気にしないで大丈夫だと思います。
伝統的な分割を模しただけのものですので。
世の中的にも、デザインとしてそういうレイアウトを体系化したのは、バウハウスあたりからだったと思います(もっと古いかもしれませんが...)。
最近のこういうレイアウトを見ていてもみんなその延長に居ますし、ツールとして使ってるので問題ないのではないでしょうか。


あと余談なんですが、これらのグリッドレイアウトとマウスオーバーでキャプションがスライディングする↓
http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/
をあわせたページリストとかも、イメージメインのサイトでは面白そうではあります。
（どうにも画像が小さくなるとキャプションが見えないのがネックなんですよね）

余計なことを書いてしまったかな。と思ってましたので安心しました。

$imgsはそうです。１行で書いてもいいのですが、横に長いと読みにくいので、あえて２行にしています。ピリオド（.）は、文字の結合意味です。
いろいろな書き方ができます。以下３つは同じ結果です。

$imgs = "aaaa";
$imgs.= "bbbb";

$imgs = "aaaa"."bbbb";

$imgs = "aaaabbbb";

echoも以下、３つとも同じ結果です。

echo "aaaa";
echo "bbbb";

echo "aaaa"."bbbb";

echo "aaaabbbb";


＞それから著作権とかは気にしないで大丈夫だと思います。
＞伝統的な分割を模しただけのものですので。

では使かわせていただきますね。
使い回しできるように、気が向けばですが、Flickrパッケージとしてまとめようかなと思います。

＞世の中的にも、デザインとしてそういうレイアウトを体系化したのは、バウハウスあたりから＞だったと思います(もっと古いかもしれませんが...)。

そのへん全然分かりませんが、若き頃にちょっとデザインの勉強してたとき「バウハウス」っていうのを聞いたことがあります。私に取っては懐かしい単語でした。実は、若きころはデザイナーに憧れていたんですが、田舎では学校もないし相談できるひともいなかったし、もちろんネットもなかったので、結局デザインがまったくできない技術者になってしまいました。なので今でも憧れています。

＞あと余談なんですが、これらのグリッドレイアウトとマウスオーバーでキャプションがスライディングする↓
＞http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jq...
＞をあわせたページリストとかも、イメージメインのサイトでは面白そうではあります。
＞（どうにも画像が小さくなるとキャプションが見えないのがネックなんですよね）

いろいろ面白いのがあるんですね。PHPコードについては聞いていただければお答えできると思います。

なるほどです。
PHPは...というかプログラムはさっぱりで、こういうお話が聞ける機会を得られてとても助かりました。
ありがとうございます。

あとちょと余計な事書いたかもですが、デザインは一時期してましたが今は離れておりまして。。
なので、かなりにわかです。

$imgs.= '<img src="'.$fileCachePathRel.'" /></a>';
$imgs = $imgs . '<img src="'.$fileCachePathRel.'" /></a>';
1行目と2行目は同じ意味で、1行目は略してあると考えてください。
算術演算子（+ - * / %)は全てそのように使えます。
$a = 1;
$a += 2;
echo $a ;
の結果は
3となります。

詳しい説明、感謝します。
コードってかなり省略ができるんですね。
これは知ってるのと知らないのとでは大きいですね。
今までさっぱり解りませんでしたが光がさした感じです。
今後気にしながらコード観てみたいと思います。

それから$a = xxx;って書いてあるのは、cssのように定義いしいるイメージでしたが、上から順に代入して行くんですね。
とても勉強になりました。ありがとうございます

先に画像ブロックを弄ったので、ついでながらマウスオーバーでキャプションがスライディングをブロック化してみました。
先に紹介のあった以下です。
http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/
まだちょっといろいろ問題は残りますが、試しに公開します。
興味がありましたらご意見ください。

１画像１ブロックです。６つのスライディングが選べます。
複数のプロックを組み合わせることで、複数の画像やテキストの回り込みができます。

ちょっとイレギュラーな使い方ですので注意が必要です。

ページ内の最初のブロックでは、必ず FirstBlock にチェックを入れて下さい。

Wrap aroundにチェックを入れると、そのブロックをfloatで左端や右端に置くことができます。これは同時に次のブロックが回り込みの指定となりますので、このブロックの下に記事ブロックを置くと回り込みます。以降のブロックが回り込みますので、回りこみを止めたいときは、添付しているtomoac_clearbothブロックを挿入してください。回りこみを止めるだけのブロックです。

ちょっと綱渡りブロックですが、注意すれば便利に使えるので、私のサイトで使ために作りました。

お陰様で細かい調整をして、やっとできました。

そのいちおうできたページは以下です。

http://myanmar.tomo.ac/photo/

表示の度に順番が変わるようにしました。

左に寄ったりしてまだ調整が必要ですが、まあいいかということで。

素晴らしいです。
色合いも統一が取れてて、異国の香りがして来そうです。
それに、やっぱり写真間のマージンは減したほうが素敵ですね。
その事について考えてはいたんですが、計算がめんどくさくて自分は放置してました。
参考にさせてもらいます。