グローバルメニューや背景画像の切り替えについて

2016年1月20日 at 20:46

こんばんは、下記環境で構築中なのですが、CSSファイルの切り替えについて質問です。
グローバルメニューや背景画像を3パターン作成し、切り替えたいと思って試行錯誤中です。

グローバルメニューや背景はCSSで記載しているのでCSSファイルの振り分けで変更かと思っているのですが、管理画面からのきっかけはどこからはいってよいのかわかりません。

属性の「選択」で可能かと思ったのですが、一つの操作で全ページには反映できません。

どのようにしたらよいでしょうか。
テーマ変更も考えたのですが、今後の運用も考えできるだけテーマの変更は避けたいです。

■環境
# concrete5 Version
Core Version - 5.7.5.2
Version Installed - 5.7.5.2
Database Version - 20150731000000
# concrete5 Packages
Add and Remove Classes and IDs (0.9.4).
# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).
# Server Software
Apache
# Server API
apache2handler
# PHP Version
5.3.3

タグ:

Re: グローバルメニューや背景画像の切り替えについて

2016年1月21日 at 21:41
こんにちは。

グロナビと、背景画像のパターンの切り替えですが、
ページタイプのハンドルと ccm-page の page-type-handle を使い分けて、 CSS の変更をされるといいかとおもいます。

concrete5 では、ページ全体を <div class='ccm-page'></div> という div で囲まれています。

そこの ccm-page のところに、使っているページタイプとページテンプレートの CSS class も書き込まれます。

なので、グロナビと背景画像のパターンをページタイプの種類で判定するようにすれば、ご希望の方法を実装できます。

もしかしたら情報量が多すぎるかもしれませんが、
コーディングガイドラインというのがあります。
http://github.com/katzueno/concrete5-Coding-Guideline/tree/japanese

ここの「ページタイプリスト (例)」「Body Wrapper クラス (必須)」とかをご覧になって、ccm-page クラスの部分がどう出し分けて表示されているかを参考にしてみてください。

ちょっと強引かもしれないので、わからない所がどこなのかから言ってください。
 

Re: グローバルメニューや背景画像の切り替えについて

2016年1月27日 at 0:45
Katz様

ありがとうございます。
Katz様の方法でも可能かと思いましたが、カスタムブロックを使用した方法にいたしました。

カスタムブロックを3パターン準備してそれぞれjava scriptにてcssを追加するように記述。
そのカスタムブロックをはめ込む全ページ共通のGlobalAreaをフッターに設定いたしました。

とりあえず今回はこちらで対応したいと思います。

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