これはコーディングの質問とは関係がないことは知っていますが、シナリオの作業を開始する前に、いくつかのガイダンスを取得したいと思います。
シナリオは、ページのテーマを変更するオプションを提供することです。私が決めたのは、次のような複数の要素に共通のクラスを与えることです。
- ページのすべてのメインタイトルのh1タグ
- ページのすべての画像の.imageクラス
- ページのコンテンツのpタグのクラス
- 等々....
そこで、これらのクラス名を異なる色で使用して、複数のスタイルシートを作成します。
しかし、難しいのは各要素の配置です。位置に関連するものを定義するために、各要素にインラインスタイルを与えることを考えました。例えば
.image {border:grey solid 1px /*this border color will be different in each stylesheet*/}
<div class="image" style="float:right; margin:6px"><img src="" /> </div>
したがって、このように、他のすべての要素は、位置合わせの目的でインラインcssを持ちます。
これがテーマシナリオを達成するための最良の方法だと思いますか？
PS-ユーザーはテーマをカスタマイズするためのアクセス権を持っています。（編集パネルを提供しています）。これは実際にはWebページではなく、製品モジュールです（Powepontのグラフやチャートの色を変更する方法と同じです）。