Re: logical_jp_baserでのcolorbox表示

トップ > WEBサイト制作 > logical_jp_baserでのcolorbox表示

shinoboon > logical_jp_baserでのcolorbox表示 @ 2014/10/21 16:03
» n1215 > Re: logical_jp_baserでのcolorbox表示 @ 2014/10/21 22:43
shinoboon > Re: logical_jp_baserでのcolorbox表示 @ 2014/10/22 0:32
nagachan > Re: logical_jp_baserでのcolorbox表示 @ 2015/1/11 18:07

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

フラット表示

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

Re: logical_jp_baserでのcolorbox表示

キーワード検索