« 7月 2016 12月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

Home > お知らせ > 日本一周のページにzenphoto設置。

日本一周のページにzenphoto設置。

 ここのところアルバム構築ツールを探していた理由は日本一周のサイト「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の所に自分のテンプレが表示されてたらそれを選んではいできあがり〜

ちなみに使った独自タグはこれ。
index.phpの場合。

<link rel="stylesheet" href="<?= $_zp_themeroot ?>/zen.css" type="text/css" />
<?php zenJavascript(); ?>
</head>←ここより上
<body>←ここより下
<?php echo getGalleryTitle(); ?>←タイトル表示。

<div id="padbox">

<div id="albums">
<?php while (next_album()): ?>
<div class="album">
<div class="imagethumb">
<a href="<?=getAlbumLinkURL();?>" title="View album: <?=getAlbumTitle();?>"><?php printAlbumThumbImage(getAlbumTitle()); ?></a>
</div>
<div class="albumdesc">
<small><? printAlbumDate("Date Taken: "); ?></small>
<h3><a href="<?=getAlbumLinkURL();?>" title="View album: <?=getAlbumTitle();?>"><?php printAlbumTitle(); ?></a></h3>
<p><?php printAlbumDesc(); ?></p>
</div>
<p style="clear: both; "></p>
</div>
<?php endwhile; ?>
</div>

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

</div>

</div>

他のもこんな感じで必要部分だけ消えないように編集したら出来上がり〜
しかし、手抜きだがデザイン統一できるのはいいやね。
出来上がったのはこちら。
日本一周サイトトップページ:http://mini.planting-field.com/
Galleryページ:http://mini.planting-field.com/gallery/

関連する投稿

1つ星2つ星3つ星4つ星5つ星 (まだ評価されていません)
Loading...Loading...

Comments:2

Over Japan With My Mini ! 〜Mini で日本一周〜 07-02-07 (水) 18:52

Galleryのシステム変更

 当サイトの日本一周Photo Galleryは今までAppleの.Macサービ…


qozy/unchin 07-02-08 (木) 19:46

テスト


Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://blog.planting-field.com/archives/eid653.html/trackback
Listed below are links to weblogs that reference
日本一周のページにzenphoto設置。 from Planting Field Web Log

Home > お知らせ > 日本一周のページにzenphoto設置。

ZenBack
Feeds

 RSSリーダーで購読する

はてなRSSへ追加Google Readerへ追加
Photo
Other-Meta
ブログランキング blogram投票ボタンブログランキング・にほんブログ村へ My Profile by iddy にほんブログ村 サッカーブログ FC東京へ
にほんブログ村
ブログでクチコミ B-Promotion

Return to page top

Get Adobe Flash player
back to top