shinoboon > logical_jp_baserでのcolorbox表示 @ 2014/10/21 16:03
お世話になります。こちらのスレッドを参考にして、固定ページにてcolorboxを実現しようとしたのですが、indexページにしか適用されず、他に追加した固定ページではcolorboxがうまく動作いたしません。テーマは、logical_jp_baser（バージョン：3.0.0）です。変更したファイルは、/app/webroot/theme/logical_jp_baser/Layouts/default.php です。もしかしたら、indexページ以外のdefault.phpが存在するのでしょうか。 http://forum.basercms.net/modules/newbb/viewtopic.php?viewmode=thread&topic_id=1343&forum=5&post_id=5135#5135 よろしくお願いします。 ■ BaserCMSのバージョン：3.0.5.1 ■ レンタルサーバー名：lolipop ■ スマートURLの利用：　[OFF] ■ 設置フォルダ：　[サブフォルダ] ■ 利用しているデータベース：　[ MySQL ] ■ PHPスキル（A

shinoboon > logical_jp_baserでのcolorbox表示 @ 2014/10/21 16:03

お世話になります。
こちらのスレッドを参考にして、固定ページにてcolorboxを実現しようとしたのですが、indexページにしか適用されず、他に追加した固定ページではcolorboxがうまく動作いたしません。
テーマは、logical_jp_baser（バージョン：3.0.0）です。
変更したファイルは、/app/webroot/theme/logical_jp_baser/Layouts/default.php
です。
もしかしたら、indexページ以外のdefault.phpが存在するのでしょうか。

http://forum.basercms.net/modules/newbb/viewtopic.php?viewmode=thread&topic_id=1343&forum=5&post_id=5135#5135

よろしくお願いします。

■ BaserCMSのバージョン：3.0.5.1
■ レンタルサーバー名：lolipop
■ スマートURLの利用：　[OFF]
■ 設置フォルダ：　[サブフォルダ]
■ 利用しているデータベース：　[ MySQL ]
■ PHPスキル（A

n1215 > Re: logical_jp_baserでのcolorbox表示 @ 2014/10/21 22:43
shinoboon 様 logical_jp_baserのテーマを確認しました。このテーマにおいてはデフォルトのレイアウトテンプレート（app/webroot/theme/logical_jp_baser/Layouts/default.php）から読み込まれているmeta.phpというエレメントテンプレート（app/webroot/theme/logical_jp_baser/Elements/meta.php）にて CSSやJSファイルの読込が設定されています。せっかく綺麗に分かれているので、他のテーマの情報と同じようにLayouts/default.phpに記述するのではなくこのファイル内でCSSとJSの設定を完結させることをおすすめします。さて、ファイルを見てみると、80〜97行目において、もともとjQuery.colorboxがトップページ以外のページに設定されているように見えます。 `<?php if(!$this->BcBaser->isHome()): ?> <?php $this->BcBaser->css(array('admin/colorbox/colorbox'), array('inline' => true)); $this->BcBaser->js('admin/jquery.colorbox-min-1.4.5', false); ?> <script type="text/javascript"> (function($){ $(function(){ //common.js: モバイル端末であれば起動しない if(WSbrowser != 'sp'){ if($("#main a[rel='colorbox']").colorbox){ $("#main a[rel='colorbox']").colorbox({transition:"fade"}); } } }); })(jQuery); </script> <?php endif ?>` colorboxをトップページにも適用させるにはこの部分を囲むif文を外せばOKです。 `<?php if(!$this->BcBaser->isHome()): ?>` と下記の行を削除します。 `<?php endif ?>` おそらくcolorboxを試された際に、トップページ以外で上手く行かなかったのはdafault.phpとmeta.phpでcolorboxが二重に設定されていたせいではないかと思います。 Twitter:　@n_1215

n1215 > Re: logical_jp_baserでのcolorbox表示 @ 2014/10/21 22:43

shinoboon 様

logical_jp_baserのテーマを確認しました。

このテーマにおいてはデフォルトのレイアウトテンプレート（app/webroot/theme/logical_jp_baser/Layouts/default.php）
から読み込まれているmeta.phpというエレメントテンプレート（app/webroot/theme/logical_jp_baser/Elements/meta.php）にて
CSSやJSファイルの読込が設定されています。

せっかく綺麗に分かれているので、
他のテーマの情報と同じようにLayouts/default.phpに記述するのではなくこのファイル内でCSSとJSの設定を完結させることをおすすめします。

さて、ファイルを見てみると、80〜97行目において、もともとjQuery.colorboxがトップページ以外のページに設定されているように見えます。

<?php if(!$this->BcBaser->isHome()): ?>
<?php
	$this->BcBaser->css(array('admin/colorbox/colorbox'), array('inline' => true));
	$this->BcBaser->js('admin/jquery.colorbox-min-1.4.5', false);
?>
<script type="text/javascript">
(function($){
$(function(){
	//common.js: モバイル端末であれば起動しない
	if(WSbrowser != 'sp'){
		if($("#main a[rel='colorbox']").colorbox){
			$("#main a[rel='colorbox']").colorbox({transition:"fade"});
		}
	}
});
})(jQuery);
</script>
<?php endif ?>

colorboxをトップページにも適用させるにはこの部分を囲むif文を外せばOKです。

<?php if(!$this->BcBaser->isHome()): ?>

と下記の行を削除します。

<?php endif ?>

おそらくcolorboxを試された際に、トップページ以外で上手く行かなかったのはdafault.phpとmeta.phpでcolorboxが二重に設定されていたせいではないかと思います。

Twitter:　@n_1215

shinoboon > Re: logical_jp_baserでのcolorbox表示 @ 2014/10/22 0:32
n1215 さまお世話になります。お忙しい中ご回答ありがとうございます。的確なご指摘ありがとうございます。 default.phpを元にもどし、meta.phpをご指示の通りにやったのですがうまく行っておりません。私の方でどこかで間違っているかもしれませんので「確認中」とさせていただきます。追って、経過を書かせていただきます。ありがとうございました。 ■ BaserCMSのバージョン：3.0.5.1 ■ レンタルサーバー名：lolipop ■ スマートURLの利用：　[OFF] ■ 設置フォルダ：　[サブフォルダ] ■ 利用しているデータベース：　[ MySQL ] ■ PHPスキル（A

shinoboon > Re: logical_jp_baserでのcolorbox表示 @ 2014/10/22 0:32

n1215 さま

お世話になります。
お忙しい中ご回答ありがとうございます。

的確なご指摘ありがとうございます。

default.phpを元にもどし、meta.phpをご指示の通りにやったのですがうまく行っておりません。
私の方でどこかで間違っているかもしれませんので「確認中」とさせていただきます。
追って、経過を書かせていただきます。

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

nagachan > Re: logical_jp_baserでのcolorbox表示 @ 2015/1/11 18:07
shinoboonさん、こんにちは。すでに解決済みかもしれませんが、今回私もハマったので投稿しておきます(^_^) meta.phpで、 `<script type="text/javascript"> (function($){ $(function(){ //common.js: モバイル端末であれば起動しない if(WSbrowser != 'sp'){ if($("#main a[rel='colorbox']").colorbox){ $("#main a[rel='colorbox']").colorbox({transition:"fade"}); } } }); })(jQuery); </script>` ここの部分 `if(WSbrowser != 'sp'){` の変数名の表記が違っていました。 common.jsでこの変数に値をセットしていますが、ここでは変数名が「wsBrowser」となっています。「WSbrowser」を「wsBrowser」（大文字小文字の違い）にすれば動作するようになりました。

nagachan > Re: logical_jp_baserでのcolorbox表示 @ 2015/1/11 18:07

shinoboonさん、こんにちは。

すでに解決済みかもしれませんが、今回私もハマったので投稿しておきます(^_^)

meta.phpで、


<script type="text/javascript">
(function($){
$(function(){
	//common.js: モバイル端末であれば起動しない
	if(WSbrowser != 'sp'){
		if($("#main a[rel='colorbox']").colorbox){
			$("#main a[rel='colorbox']").colorbox({transition:"fade"});
		}
	}
});
})(jQuery);
</script>

ここの部分

	if(WSbrowser != 'sp'){

の変数名の表記が違っていました。
common.jsでこの変数に値をセットしていますが、ここでは変数名が「wsBrowser」となっています。
「WSbrowser」を「wsBrowser」（大文字小文字の違い）にすれば動作するようになりました。

スレッド表示 | 新しいものから

前のトピック | 次のトピック | トップ

logical_jp_baserでのcolorbox表示

キーワード検索