当サイトでは、自作のXOOPS(XOOPS Cube Legacy 2.2)用テーマの無料配布を行っています。

機能をちょっとアップするプリロードなどもあるので、是非ともご利用くださいませ。

新着ダウンロード

    このカテゴリには 21 件のファイルがあります

カテゴリ PC用
photograph 人気ダウンロード情報
バージョン: 1.01   掲載日:  2015/8/16
説明
photograph_M  XoopsCubeLegacy テーマ : photograph
 掲載日: 2011-10-15 UpDate 2015-08-16


((i:f8f1)) 説明

 2015-08-16 XoopsX対応として修正しました。

 XCL2.1x(HD1.04)・XCL2.2用のテーマです。
 Xoops Cube Legacy 2.2 で動作確認しました。

 基本は2カラム構成として左カラムを固定、右側メインカラムを可変幅のリキッドデザインのテーマとしました。
 テーマ名のとおり写真をメインとしたサイトをイメージして画面をデザインしています。(実現できているかどうかは、別にして)

 このテーマは、高機能な写真等アルバムモジュールである「webphoto」を利用することを想定しています。

 「webphoto」を用いることで、テーマのヘッダー部分に人気の高い画像7枚を自動で表示可能、「webphoto」のテンプレート修正等により表示をテーマに合わせて最適化しているなど、写真を綺麗に見せることをメインにしたテーマとなっています。(さらに、カスタマイズによりヘッダー部分にスライドショー(カルーセル表示)も可能)

 画像ポップアップなど、jQuery等のjavascriptを利用しているので、javascript許可環境にて閲覧した方が機能を有効に利用できるようになっています。
 また、CSS3を利用して角丸やボックスの影、メニューのアクションなどを表現していますので、できれば FireFox 等のモダンブラウザでの閲覧が望ましいですが、IE6などの古いブラウザでもある程度の互換性を確保するため PIE.htc というjavascript を利用してクロスブラウザ対策を行っています。

 テーマ photograph では、xugj_assign.phpを用いたメニューを採用しており、メインメニュー項目を自動で左カラムに表示します。
 また、フッター部分にはユーザーメニュー項目を自動で表示するので、xoopsの互換モジュールである「メインメニュー」「ユーザーメニュー」を利用しない運用が可能となっています。
 


 基本は、左サイドカラムと右メインカラムの2グリッドデザインですが、右カラムを表示した場合はメインカラム内で中央カラムの幅が狭まり、その右側に右カラムが出現するように設定しています。

 utf8とeucのlanguageファイルを用意しましたので、eucでも動作すると思います。
 (eucについては、動作環境がないので未確認ですが・・・)

 ヘッダーに表示される「webphoto」の画像については、カテゴリ選択や表示枚数の変更などのカスタマイズが可能です。

 メニューは、Xoops Users Group Japan(XUGJ) で GIJOEさんが提唱された xugj_assign.php を利用したメニューを採用しています。
 通常のメインメニューに表示されるのと同じ項目が自動で表示されるので、メニューの項目を編集する必要もありません。
  http://www.xugj.org/modules/d3forum/index.php?topic_id=125

 なお、同封しているものは、オリジナルの xugj_assign.php から少し変更しているので、xugj_assign_photograph.php という名称に変更しています。

 jQuery.js + jquery.jgrowlプラグインを利用して、画面遷移せずにリダイレクト表示できるので、スピーディーでセンスの良い表示が可能となっています。
 なお、本テーマには、domifaraさん作成のphpファイルによるインクルード方法を用いております。
 domifaraさん、ありがとうございます。
 (javascriptオフ時には、リダイレクトの文字などがボックス表示されます。)

 jQueryについては、domifaraさんによるXCL2.2対応措置がとられており、jQueryの二重読み込み防止や他のjavascriptとのバッティングを可能な限り避ける仕組みが用いられております。
 (xugj_already_js.php をXCL2.1対応版に差し替えております。)


((i:f8f1)) インストール

 インストールはテーマのアップロード+αが必要です。(X-updateを利用した場合は不要)

 まずは、解凍してできあがったフォルダ「photograph」をFTPにてサイトのテーマ・ディレクトリへコピーしてください。
 次に、「photograph」フォルダ内にある PIE.htc というファイルをサイトのルート(XOOPS_ROOT_PATH)にコピーしてください。
 完了したらあとは通常のテーマと同様、管理画面の「互換モジュール」「テーマの管理」でこのテーマを使用する設定としてください。

 これでテーマとしての利用は可能ですが、「webphoto」の表示をこのテーマに最適化するため、次の手順でテーマ下テンプレート利用のための作業や xugj_block 等の smartyプラグイン 利用のための作業を行ってください。


【テーマ下テンプレートが利用可能な場合】

 ご利用になっている xoops がテーマ下テンプレート利用可能な場合は、本テーマディレクトリ下にある 「templates」ディレクトリに収納されたカスタマイズ済みのテンプレートを利用するようになります。

 この場合、xugj_date や xugj_block を利用しますので、本テーマ下の「up/plugin」フォルダに収納されている modifier.xugj_date.php と function.xugj_block.php をFTPにてサイトの「plugin」ディレクトリにコピーしてください。(既に存在する場合は不要)

 「plugin」ディレクトリは、XCL2.1x と XCL2.2 では場所が違うのでご注意ください。
   XCL2.1xの場合 /XOOPS_ROOT_PATH/class/smarty/plugins/
   XCL2.2の場合  /XOOPS_TRUST_PATH/libs/smarty/plugins/ または
           /XOOPS_TRUST_PATH/libs/smartyplugins/ (preload「HdXoopsTplHook.class.php」を使っている場合)


【テーマ下テンプレートが利用できない場合】

 もし、テーマ下テンプレートを利用できない環境の場合、本テーマ下の「up/preload」フォルダにある HdXoopsTplHook.class.php をFTPにてサイトの「preload」ディレクトリに、本テーマ下の「up/plugin」フォルダにある resource.db.php をサイトの「plugin」ディレクトリにそれぞれコピーしてください。

 詳細はこちらを参照して下さい。
  http://xoops.peak.ne.jp/md/news/index.php?page=article&storyid=450


【テーマ下テンプレート利用可能だが、本テーマのテーマ下テンプレートを使いたくない場合】

 逆に、ご利用になっている xoops がテーマ下テンプレート利用可能な状態であって、本テーマ下のテンプレートを使いたくない場合は、テーマ下にある「templates」ディレクトリを削除してください。(当該ディレクトリ内の個別のテンプレートを削除するのも良いでしょう。)

■理由:テーマ下テンプレート利用可能なxoops(HDなど)では、次の優先順位でテンプレートを読み込むため
 1 テーマ下テンプレート
 2 現在ActiveなDBテンプレート
 3 Default(DB)テンプレート

 つまり、テンプレートを変更しようとして、Altsysで「現在ActiveなDBテンプレート」をいくら修正しても、テーマ下テンプレートがある場合はそちらが優先されてしまうのです。


【Wordpress(XPressME Integration Kit)を利用している場合】

 XPressME Integration Kit は、ブログシステムである Wordpress を取り込んで xoopsのモジュールとして利用できるので、非常に高度なブログを構築することが可能です。
  http://ja.xpressme.info/

 本テーマでは、このモジュール用にカスタマイズしたCSSも実装しているので、ある程度は本テーマに合った表示が可能となってはいます。
 しかし、このモジュールの場合、テーマ下テンプレートはもちろんDBテンプレートによる表示カスタマイズが出来ない構造であるため、テーマに合った表示に最適化するには、モジュール下に専用のテーマを追加する必要があります。

 今回、本テーマを作成・配布するにあたり、本テーマに合ったWordpress用のテーマ「magazine」を同封していますので、次の要領にて作業してみてください。(既に同じWordpress用のテーマがある場合は必要ありません。)

1 本テーマにある「up/wordpress」フォルダ下の「wp-content」フォルダをFTPにてサイトの /modules/wordpress/ ディレクトリにコピーする。(ここでは、同モジュールをwordpressというディレクトリ名にてインストールしていると仮定)
2 「Wordpress管理」の「XPressMe」「表示設定」にて、表示モード設定項目のXPressMeの表示モードの選択を「XOOPSモード」に、XOOPSモードで使用するテーマを選択で「magazine」を選択して、下部の更新ボタンを押して設定を更新・反映させる。



((i:f8f1)) カスタマイズ


【メニュー表示項目の変更】

 このテーマでは、xugj_assign_phpを用いたメニュー表示を行いますが、インストールして初回表示した時に、メインメニュー表示する設定となっているメニュー項目を自動で引用してきます。(表示用のキャッシュファイルを自動作成して利用)

 従って、モジュールの管理にてモジュールの表示名を変えたり、並び順を「0」として非表示指定した場合でも、テーマのメニュー表示は以前作成したキャッシュファイルを利用することから、変更した表示となりません。

 そのような場合、FTPソフトを使って、cacheディレクトリ内の theme_photograph_menus_****.php を削除してください。
 再度、サイトを表示した際に、新しくメニュー用のキャッシュファイルが自動生成されます。

 なお、domifaraさん作成の「xugjメニューキャッシュリフレシュ 管理画面モジュール」を利用すると、FTPソフトを使わずにキャッシュファイルの削除ができるので、便利だと思います。(domifaraさん、ありがとうございます。)
  http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=10&lid=66


【ヘッダーのサムネイル画像表示について】
 
 ヘッダーに表示される画像は、xugj_block という smartyプラグインを利用して「webphoto」のサムネイル画像を利用しています。

 本テーマの初期状態では、2番目のカテゴリの写真につき人気順に7枚のサムネイルを表示する設定としており、本テーマディレクトリ内の theme_mc_contents.html というファイルを編集することにより、設定の変更が可能です。(編集の際は、UTF-8が扱える秀丸等のエディターをご利用ください。)

 編集するのは、同ファイル内の次の記述部分です。

<{xugj_block file="modules/webphoto/blocks/blocks.php" func="b_webphoto_tophits_p_show" opt="webphoto,30,2,1,0,5,0,1,0,0,0,300" item="block"}>


 同ファイル内の上部にもコメントとして記載していますが、opt 部分がオプションを指定する部分で、先頭から順に次のような指定となっています。

  0.dirname ← webphoto
  1.表示数 ← 例 5
  2.カテゴリ限定 ←ここでカテゴリ番号を指定する 例 0 (カテゴリ指定しない)
  3.サブカテゴリも対象カテゴリ限定のとき有効 ←はい 1 いいえ 0
  4.写真・動画・メディアのタイトルの最大表示文字数 ←例 20
  5.写真・動画・メディアの列数 ←例 1
  6.キャッシュ時間 ←例 キャシュ無し 0

 デフォルトでは、モジュール「webphoto」のディレクトリを webphoto としてインストールした場合の設定としていますが、他の名称に変えている場合は適宜そのディレクトリ名に変更してください。
 次の表示数は7、その次のカテゴリは2となっていますが、これらも必要に応じて変更してください。
 その他のオプションは特に変更する必要はないと思います。

 また、デフォルトでは人気順(トップヒット)のサムネイル画像を表示する設定としていますが、func="b_webphoto_tophits_p_show" を変更することにより、新着一覧などに変えることができます。

●カテゴリナンバー2の人気順(トップヒット)7枚を表示する場合

<{xugj_block file="modules/webphoto/blocks/blocks.php" func="b_webphoto_tophits_p_show" opt="webphoto,30,2,1,0,5,0,1,0,0,0,300" item="block"}>


●カテゴリナンバー2の新着順 7枚を表示する場合

<{xugj_block file="modules/webphoto/blocks/blocks.php" func="b_webphoto_topnews_p_show" opt="webphoto,30,2,1,0,5,0,1,0,0,0,300" item="block"}>


●全ての画像につき、新着順に7枚を表示する場合

<{xugj_block file="modules/webphoto/blocks/blocks.php" func="b_webphoto_topnews_p_show" opt="webphoto,30,0,1,0,5,0,1,0,0,0,300" item="block"}>



【モジュールの表示設定のリセット】

 このテーマでは、各モジュールの表示をこのテーマに合わせた表示に変更するため、専用のCSSを用いて本来のCSS設定を上書きするようにしています。
 もし、必要がない場合は、theme.html 35行目にある次の記述部分を削除またはコメントアウトしてください。


<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_imageurl}>modules.css" charset="utf-8" />


ダウンロード数 448   ファイルサイズ 0バイト   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.1x | 2.2x   ライセンス CreativeCommons   ホームページ Xoops123.com

利用について 利用ライセンスは、クリエイティブ・コモンズとなっております。
フッターのcopyright(Theme designed by marine/mistgreen)表示していただければ、非商用に限り無償で、自由に改変してご利用頂くことができます。
(フッターのcopyright表示を消して利用したい場合は、商用利用扱いとなります。)

雑誌・書籍への掲載の場合には、あらかじめ当サイト管理人へご一報ください。
連絡先:http://xoops123.com/modules/liaise/
商用利用について 企業様、または営利個人様でのご利用は、原則商用とさせていただきます。
個人利用であっても、著作権表示を削除してご利用される場合は、商用利用扱いとなります。
商用利用は有償とさせていただきたく、1サイト(ドメイン)につき3,000円にてお願い致します。管理人へのご連絡のうえ、手続きをお願い申し上げます。
利用拒否について 違法行為を行っているサイト、公序良俗に反するサイトでの利用は、お断り申し上げます。
連絡先 http://xoops123.com/modules/liaise/
| ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (12)

コメント一覧

投稿ツリー


初心者   投稿日時 2012/5/12 23:54

はじめまして。webphoto用のテーマを探していたので、
試して見ました。Xoops初心者です。
結果エラーが出て、真っ暗な画面になりXoopsから
インストールし直しました。
This page cannot be displayed due to an internal error.

If you are the administrator of this site, please visit the XOOPS Cube Project Site for assistance.

Error [Xoops]: Smarty error: [in photograph/theme_mc_contents.html line 14]: syntax error: unrecognized tag 'xugj_block' (Smarty_Compiler.class.php, line 590) in file /xxxxxxxxxxxxxx/libs/smarty/Smarty.class.php line 1093

何が悪いのかご教示頂ければと存じます。
インストールはPackage_Legacy_2_2_0です。

まったく別の話で恐縮ですが『どこでもXOOPS』は、解凍時パスワードを
求められますが、パスワードはどのように入手するのでしょうか?
あわせて宜しくお願い致します。

marine  投稿日時 2012/5/13 14:52

当サイトをご利用いただき、ありがとうございます。

さて、最初のご質問の件ですけど、これはテーマインストールの際に、必要な作業をされていないためだと思います。(xugj_block等のsmartyプラグインをインストールが必須です。)
今一度、ご確認くださいませ。

インストールの項目を良くご覧になってください。
http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=5&lid=17

「どこでもXOOPS」ですが、これは特にパスワードなどは設定していないのですが・・・
何か、エラーが生じているのかもしれませんね。ちょっと確認してみたいと思います。

marine  投稿日時 2012/5/13 16:17

「どこでもXOOPS」をダウンロードして確認してみましたけど、特に問題はないようですね。

多分、解凍ソフトによって、挙動が違う場合があるのかもしれません。

私のお薦めは、LhaForgeです。(Windowsの場合)
よろしければ、お試しください。
http://www.forest.impress.co.jp/lib/arc/archive/archiver/lhaforge.html

初心者   投稿日時 2012/5/14 9:32

ご回答ありがとうございます。
LhaForgeによって解凍出来ました。
ありがとうございます。
ちなみにZIPの解凍ソフトはWindowsXP標準のものを使っていました。今まで色々なZIP圧縮ファイルを解凍して来ましたが、初めての経験で勉強になりました。

photographの方は当方に全くスキルがなく『 xugj_block 等の smartyプラグインの必須』を読み取れませんでした。
またxugj_blockやsmartyプラグインは少し調べましたが敷居が高そうなので、良く理解してからインストールして確認したいと思います。
色々安易に色々サイトからテーマをインストールして試しておりましたが、全く動かなくなったり環境を作り直したのは初めてだったので良い経験になりました。

ありがとうございます。

初心者   投稿日時 2012/5/14 9:53

どこでもXOOPSを解凍して試しました。
file:///z:/xampplite/htdocs/index.htmlが見つかりません。
のエラーで動きませんでした。当方の環境にzドライブはありません。
無駄なコメントかと存じますが、ご報告までにコメントさせて頂きました。

marine  投稿日時 2012/5/14 11:34

とりあえず、解凍が上手くいったようで良かったです。

Windows標準のZIP解凍機能については、ディレクトリが上手く再現できなかったりするので、ちゃんとした解凍ソフトを使った方が良いでしょうね。

あと、『 xugj_block 等の smartyプラグインの必須』を読み取れない』とのことですけど、「インストールはテーマのアップロード+αが必要です。」との書きぶりじゃ、やっぱり判りにくいでしょうか・・・(^_^;)

marine  投稿日時 2012/5/14 11:43

「どこでもXOOPS」ですが、Windows上に一時的にZドライブを作って、そこで動くようになっています。

ですので、元の環境にZドライブがなくても大丈夫です。(というより、元の環境にZドライブがあると都合が悪いですね。)

コメントいただいた内容を拝見すると、上手くドライブが作成できていないようです。
もしかして、「どこでもXOOPS」を解凍したフォルダは、階層が深いのではないでしょうか?
(階層が深すぎると、動作不良がでてしまうかもしれません。)

もしよろしければ、一度、CドライブとかDドライブの直下に解凍したフォルダを移動してから、お試しいただければと思います。

初心者   投稿日時 2012/5/14 23:26

ご回答ありがとうございます。
cドライブ直下で試しました。
IEが起動して接続中となり、30分待ってもそのままでしたので、IEを終了させました。
知人に相談したら色々なソフトが入っているからかも、とのことで、Windows7(OSとOfficeくらい)のあまり使っていないマシンで試したら動きました。色々触って見ようと思います。

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

marine  投稿日時 2012/5/15 10:01

初心者 様

動いたようで良かったです。
これで、初心者から初級に突入ですね。(^。^)

そういえば、動かなかったパソコンに Skype が入っていませんでしたか?
Skype などのように、通信機能を使っているソフトウェアの場合は、「どこでもXOOPS」が使う機能とバッティングすることがあって、正常動作しないことがあります。

機能のバッティングは、その他にも色々とありますので・・・見極めは難しいですけど

ヘリマニア サイトURL  投稿日時 2013/4/19 0:21

このテーマが気に入り、webphotoと一緒に使用させていただいております。
webphotoの表示でムービーのサムネイルをクリックしたとき、リスト時は詳細を表示しテーブル時はサムネイルの画像を表示するのはこのテーマの仕様でしょうか?
よろしくお願いいたします。



新しくコメントをつける

題名
ゲスト名
投稿本文
より詳細なコメント入力フォームへ