ZenPhoto

　アルバム構築ツールのZenPhoto用に私も愛用しているVicunaテーマを移植してみました。

配布ページはこちら：ZenPhoto+Vicuna

昔からこのblog見てくれている人は気がついているかと思うけど、以前からSereneBach+ZenPhotoで構築していたときからVicunaをZenPhotoに移植して使っていました。

　今回blogをWordPress化するにあたり、Gallery部分はプラグインやその他の物で構築も検討しましたがZenPhotoを気に入ってしまったのでこのまま使い続けることをしました。そこで以前移植した物をもうすこし最新バージョンのZenPhotoに対応させた物を公開することにしました。

　以前はComment部分は個人的に必要ないから丸ごと削っていたり細かい部分も適当に作ってましたが、今回のは一応対応させてみた。

このページは？

　色々なCMS用に配布されているTheme（template/skin）のVicunaをアルバム構築ツール「ZenPhoto」でも使えるように取りあえず移植した物を配布するページです。

　かなりやっつけ仕事ですが、取りあえずVicunaのスタイルを適用したい場合には使えると思います。

 

ZenPhotoとは

　PHPでMysql必須のアルバム構築ツール。

• 配布先：http://www.zenphoto.org/
• PHP 4.10+ with GD support、MySQL 3.23+
• theme集：http://www.zenphoto.org/zp/theme/

 

Vicunaとは？

　詳しくはこちらをご覧下さい。

 

Download

以下のファイルをダウンロードしてください。文字コードはUTF-8のみです。

• 差し替え：vicuna-ZPV ver1.01 (90.7 KB)：2008 年 6 月 29 日
  • Windowsで解凍すると（_MACOSX）というフォルダが出来ることがあったのでファイル変更しました。6/25にUPしたVersionと内容に変更はありません。
• vicuna-ZPV ver1.01：2008 年 6 月 25 日
• vicuna-ZPV ver1.00：2008 年 6 月 25 日

動作環境

ZenPhoto ver1.1.6 以上推奨。
ver 1.1.7、ver 1.2動作確認済み。

ライセンス

ZenPhoto：GNU General Public Licence
Vicuna：クリエイティブ・コモンズ・ライセンス3.0

　

 

導入方法

1. ダウンロードしたzipファイルを解凍
2. ZenPhotoディレクトリ/themes/
   にupload。
3. 管理ページにログイン→theme選択ページにて「ZPV」というthemeをアクティブにする。
4. 文字コードはUTF-8ですのでZenPhotoの設定でUTF-8を選択してください。

　

　ちなみにログイン状態でアルバムを表示させると右上にAdminToolboxが表示されるので便利です！

 

カスタマイズ

• downloadファイルには現在他のツール用に配布されている物に同梱されているのと同じ「style-smartCanvas」が同梱されていてそのままデフォルトスタイルとして適用されています。
• 基本的には他のツールと同様の方法でカスタマイズできます。globalNaviはもちろん１カラム、２カラム、３カラムの適用、アイキャッチ画像の適用も全て他ツールと同じです。
  • 注意！３カラムにすると個別imageのページで画像サイズが大きいとサイドバーまで画像がはみ出ますので別途UPする画像サイズの注意、もしくはZenPhoto側で表示画像サイズ調整を行ってください。

（例）その他のスタイルにしたい場合

1. Vicunaのどのツール用でも良いのでスタイルをdownloadします。（どのツールでも同じスタイルが使えます）
2. downloadしたzipファイルを解凍。
3. ZenPhotoディレクトリ/themes/vicuna-ZPV/
   にそのスタイルをupload。
4. ZenPhotoディレクトリ/themes/vicuna-ZPV/style.cssの for Vicuna Style Import部分に記述されている「@import url(”style-smartCanvas/0-import.css”);」の赤い部分を適用させたいstyleに書き換える。
5. 書き換えたstyle.cssをupload。

　

Q&A

Q：カレンダーはないのですか？

A：ありません。

Q：他のスタイルを適用しても検索部分のボタンの色が変わらないのですが？

A：blogや汎用cmsツールではなくアルバム構築ツールに強引に移植したため、適用しにくいスタイルがあったり、ZenPhoto用のデフォルトthemeも参考にしているためVicuna用の各スタイルには無い部分があり、その部分はZenPhoto独自というスタイルになっています。その為Vicuna用のスタイルを適用させても変更しない部分がありますので、そこも変更したい方は「zp-vicuna.css」というスタイルに記述されていますのでそちらもカスタマイズしてください。

Q：パンくず部分の一番上位部分がサイト名になるのですが

A：ZenPhotoの設定でoption-gallery configurationの部分でWebsite title、Website urlに自分の本来のサイトを設定すると一番上位のパンくずに表示され、次にGallery titleに設定した部分が表示されるようになるので、お好きなようにその部分はカスタマイズしてください。

Q：indexやアルバムPageで次Pageへとか、の部分をVicunaスタイルの表示方法にしたい場合は？

現在はZenPhoto標準の表示方式で表示されています。

<?php printPageListWithNav("&laquo; prev", "next &raquo;"); ?>

と、記述されている部分を、

<ul class="flip pager" id="flip2">
	<?php if (hasPrevPage()) { ?>
	<li class="newer"><a href="<?php echo getPrevPageURL(); ?>" accesskey="x"><?php echo gettext('prev page'); ?></a></li>
	<?php } ?>
	<?php if (hasNextPage()) { if (hasPrevPage()) { echo '&nbsp;'; } ?>
	<li class="older"><a href="<?php echo getNextPageURL(); ?>" accesskey="x"><?php echo gettext('next page'); ?></a></li>
	<?php } ?>
</ul>

と、書き換えてください。

XHTML Transitional

　Vicunaの概念である「XHTML1.0 StrictのDTDに準拠」と言う物ですが、ZenPhoto側が吐き出すソースでのErrorと私の技量が問題で解消しきれなかったため「XHTML Transitional」に変更させていただきました。「XHTML Transitional」への準拠率は100％ではなく、これも一部Error部分があります。

主なError部分

1. 個別画像を表示させるページファイル「image.php」に含まれるコメント投稿部にあるZenPhoto標準機能「Captcha」部分がErrorになります。
2. 標準ではなくプラグインでStarRating機能を利用するとそのプラグインが吐き出す改行部分がErrorになります。

　以上のため、真っ新な状態で利用しても１ヶ所Captcha部分だけがErrorになりますが、これは他に配布されているZenPhoto用Themeでチェックしてもこの部分だけはErrorになりますので現段階で完全にはならないのかなと思います。

　あと、かなり強引に移植した部分も有るため、他のツールと表示され方が違う部分もあります。本当にあくまでVicunaのstyleが利用できる物と割り切ってください。

　

　私がこのblogに設置して使っているZenPhotoですが、まーったく設置して以来ほったらかしでしたが、気がついたら随分バージョンアップされてたので当サイトのもバージョンアップしました。

　あれ？構造が随分変わってる・・・。システムの階層が変わってるじゃないっすかぁ！と、良くわからないから全部最初から新規に設置しました。載せてる写真量もそんなに大量って訳ではないのでDBバックアップもとらず、さっぱり新規にInstall。

　今回の最新バージョンで一番びっくらこいいたのはRSS対応していました。各個別写真ごとのRSS配信ですね。アルバム単位ではなく個別写真１枚にで１件の記事という幹事で配信されてました。あとは管理画面で写真の表示枚数を変更できるようになっていたのも良い点！以前はこのエントリーで書いたようにzp-config.phpに直接変更を記述って言うのが多かったですから管理画面だけで色々変更できるのは良い感じです。

Continue reading

　このblogで久し振りにThemeデザイン（Templateデザイン）を変更してみた。blogを始めた当初からの３カラム。一番最初はTeacupのAutoPageで配布されていたTemplateを修正し緑っぽくしていた。その後独自ドメインを取得しナウでヤングなレンタルサーバー！ロリポップ！をレンタルしたのが切っ掛けで新たなTemplateをAutoPage時代に利用していた緑っぽい３カラムのデザインを基本にロリポでも緑＆３カラムにしたのです。その後SERVER移転のためロリポブログの使用が不可能となりSereneBachを利用し始めたのでそのTemplateを引き続き使い続け少しずつ改良を施しながらですが、使ってきました。

　しかし、数ヶ月前からこの３カラム飽きてきていました。なんだかゴチャゴチャしてきたし、サイドバーに何にも設置しなければ設置しないでさっぱりしすぎになるし。かといってなんかごっちゃりしててどこに何があるのか解りにくいレイアウトには我ながらセンスなさ過ぎと嘆いては居ました。しかしながらテンプレ新たに作るのめんどくさいしかといってテンプレ配布されているところのはデザイン的に完成されているし、でも自分のサイトの独自色も出したいことから配布されているのはシンプルなテンプレートが欲しい私としては使いにくいというか、変更しにくいThemeしかないわけです。

Continue reading

　一応利用しているさくらインターネット スタンダードプランが容量不足してきたので・・・色々整理したらもう少し余裕は出来ると思うのですが、ちょっと浮気心と言いましょうか・・・８月２日にスタートしたValueDomainやXREAを運営しているデジロックが新たにCORESERVER.JPと言うレンタルサーバーを開始していたので、色々いじくってみることにしました。取りあえず実験的に移転してみます、あんまり良くなければさくらに戻ろうかと思います。さくらへ戻る確率60％、CORESERVERへ移転する確率40％ってところですが実行！

　取りあえず忘れないように自分の行った方法を記しておきます。

＊あくまで自分で成功した方法で本来は違う可能性もありますし、環境によっては上手くいかない場合もありますので参考程度にしてください。

Continue reading

＊このエントリーは古いです。現在はZenPhoto管理画面より表示画像数を変更できます。

　ZenPhotoを使っているのですが、テーマ自作してレイアウト変えたから各アルバムで表示されるサムネイル一覧数とデザインが合わなくなってた。

　ログインして表示数変更できるのかなぁ？と探してもなく。phpコードでテーマに記述してなるのかなぁと思ったりしましたが・・・、設定ファイルにありました。

1. zp-config.phpをテキストエディタで開く
2. 108行目、109行目の以下部分を修正
   

   $conf['albums_per_page'] = 表示アルバム数;　
   $conf['images_per_page'] = アルバム内画像数;

と、赤い部分に表示させたい数値を記述し保存しServerにUPすればオッケーです。
これで任意の表示数に変更することが出来ました。

なーんだ、設定ファイルにあったのね、インストール時に気がついていなかった。

ちなみにフォトギャラリーはこちら

　SereneBachにZenPhotoを別に組み込んだわけではない。そんな技術は持ってない。と言うような話ではなく、ただ以前書いたエントリーで試しに設置していたZenPhotoをこのblogで利用するためにthemeをカスタマイズしました。

　以前から書いているようにZenPhotoはカスタマイズが楽でお気に入り。日本一周のサイトやこちらでも使っているようにthemeのカスタマイズが楽なので結構重宝している。そんなわけで、どんなわけだ？要するにこのblogでもちゃんと使おうかと思ってthemeのカスタマイズをしDesign、レイアウトを統一させました。

PhotoGalleryとして使おうと思います。こちら：http://blog.planting-field.com/photo/

Continue reading

＊このエントリーは情報が古くなっております。確認してからご利用下さい。

　まだ移行していませんが、色々WordPressをいじくって遊んでいます。そんななかで一応忘れないようにメモ書きをしておきます。

　まだテスト中ですが、ほとんどcustomizeも終わりいつでも移行可能です、でも迷いますなぁ。

Continue reading

　ここのところアルバム構築ツールを探していた理由は日本一周のサイト「Over Japan With My Mini!」のGalleryページを今までAppleの.Macで自動で作られるGalleryを利用していたからで、ここまでせっかく作ったのだから、ちゃんとサーバー内に納めたかったのです。そんなわけで今回色々アルバム構築ツール探していました。

　と、言うわけで私が選んだツールは「zenphoto」です。
理由は簡単な設置と、カスタマイズも簡単な点ですね。元々このサイトはMovableTypeを使っているのでplug-inを使えば簡単にアルバム構築は出来るのですが、何か使いにくかったので、別途ツールを用意し、この「zenphoto」にしてみました。

　templateもMovableTypeで使っている物に、zenphotoの独自タグを無理矢理組み込みました。まぁ突貫作業で小一時間で作ったので、細かいところは微妙な感じはしますが、まぁ気にするほどでもないでしょう。

テンプレ改造メモ。

1. MTで使っているテンプレのひな形となる部分を丸ごとコピーしテキストツールに貼り付け。
2. MT用独自タグ部分をちゃんと自分で編集しておく、出力URLとかね。
3. zenphoto最初からついてきたテンプレの中から独自タグを吸い出す。
4. zenphoto独自タグを先ほどコピーし編集したMT用テンプレにぶち込みphpで保存。
   （index.php、album.php、image.phpをそれぞれ作っておきます。cssの編集修正もね！）
5. 自分のテンプレ用フォルダを作り、その中に各ファイルを入れておく、FTPでthemesフォルダにアップ
6. zenphoto管理ページのoptionでThemesの所に自分のテンプレが表示されてたらそれを選んではいできあがり〜

Continue reading

　サーバーインストール型のサイト構築ツール。Web アルバムorギャラリー構築ツール編です、前回の「Forum＆Wiki構築ツール編」に続く第４弾、ただ紹介するだけです。

　これもまた結構種類のあるアルバム構築ツール。重量級の機能を持ったツールや最低限の機能、でも以外に素晴らしいツールもあったり。自分の利用用途によってどれを選ぶか悩みどころかもしれませんね。

Continue reading