CMSでホームページの作成[失敗しないレンタルサーバー選び、フリーソフトの紹介など]



Photo Gallery

テーマとlightbox

1.themes(テーマ)
テーマはデフォルトで2種類です。
その中からテーマを選んで色を変えたりサムネィルの表示カラムを変えたりします。

テーマの選択
Borders
FloingDarkのどちらか
CMSなどで多く見られるテーマはほとんど存在しません。

Show Filenames ファイルネームの表示・非表示
Disable bottom next/prev 戻る・次への表示・非表示
Show Search Box 検索窓の表示・非表示

Thumbnails size / quality
サムネィルサイズと圧縮率(鮮明度)

Size of picture border
サムネイル画像の枠の指定

thumbnailsの配置
Flowing style:ブラウザ幅によりまたサムネィルの大きさにより列が自動で設定されます。

Raster style:指定したカラム数で表示させる。
デフォルトでは4列の3段です。

Color map name:色セット
リストボックスより3種類の色の選択か、背景・サムネィルボーダーカラー・リンクなどの色設定を自分で行う。

XAMPPを利用してテーマのカスタマイズを行って見ました。



Bordersをコピーして別名にて保存

例:My_theme
ローカルでのカスタマイズですからダイレクトに反映されテーマのカスタマイズするのはそれほど難しくありませんでしたがCMSなどで見られるテーマとはちょっと違っていて作業時間が結構掛かりました。

メインとなるテンプレートはサムネィル表示と画像を見せるページです。
その他ダウロードページほかなどがあるようです。

header・contents・footerは独立していませんのですべてカスタマイズするのは大変ですのでサムネィル表示と画像を見せるページを行いました。

album.tpl.php:サムネィル表示
imageview.tpl.php:画像を見せるページ

PHPに手を加えないでカスタマイズした場合は確かにオリジナルティになりますが配置などはあまり良くありませんでした。
このような状態ではデフォルトで使った方が良いみたいです。
上記の見本はPHPの配置部分にちょっと手を加えたものです。

カスタマイズ後のページ:KNTS-WEB phpAlbum

Ajaxを使ったlightbox

phpAlbumサイトにlightboxが使えると書いてあったので組み込んでみました。

結果、phpAlbumのせっかくの機能が使えなくなり見た目は良いがつまらないページとなってしまったので外しました。

チャレンジしたい方

ダウンロード:lightbox

解凍後
中身をFTPより
phpAlbumトップページへアップします。

./js
./css
./images

を挿入します。

phpAlbumの編集

トップにある
main.php
987行目付近の
..."main.php?cmd=imageview&var1=".urlencode....

cmd=imageview を cmd=image に変えます。

これを変えることで通常画像の表示がimageview.tpl.phpに行かなくなりlightbox側になります。
main.phpを変えることは他のテーマを使ってもすべてに影響を与えます。

お使いなるテーマ内
album.tpl.phpのヘッダーに下記情報を埋め込みます。

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

お使いなるテーマ内
thmb.tpl.php
7行目付近
rel="lightbox[album]"を埋め込みます。

<a class="me3" href="<? print $image_view_link; ?>" rel="lightbox[album]">

で完了です。
後はFTPでアップします。