0

タイトルがあまり明確ではなかったかもしれませんが、私はクライアントが彼の商品を販売できるようにするクライアント向けのサイトを構築しています。私たちは彼のクライアントをディーラーと呼びます。ディーラーは、サイトのロゴと配色を自分のサイトに合わせて変更できるようにしたいと考えています。すべてのdivやテーブルなどに移動してデータベースにフィールドを作成したくはありませんが、同時に、CSSを完全に制御して、サイトの外観を破壊する可能性はありません。これを処理するための最良の方法とその理由は何ですか？

4

2 に答える 2

1

これを実現するには、 SASS（http://sass-lang.com/ ）を使用できます。

custom.scss：-これは、クライアントが望むようにカスタマイズするためにクライアントに提供するものです

/* COLORS */
$backgroundColor: #bada55;
$h1color: #red;
$navigationBackground: #yellow;
$navigationText: #black;
$navigationHover: #red;
$navigationFont: Tahoma;
...etc..

/* WIDGETS */
$arcticleBorderRadius: 5px;
...etc...

/* OTHER CATEGORIES */

app.scssにcustom.scssをインポートします。

@import "custom.scss";

/* YOUR "PRIVATE" CSS RULES /*
body {
  background-color: $backgroundColor;
}

aside#nav {
   background-color: $navigationBackground;
   color: navigationText;

   > ul > li:hover {
        background-color: $navigationHover;
   }
}

/* etc, etc */

関数を使用して、custom.scssで顧客が上書きできる基本色を明るくしたり、暗くしたり、反転したりすることもできます。

「ワークフロー」は次のようになります。

  1. 顧客は、必要なもの、およびcustom.scssで利用可能なものをオーバーライドします。
  2. クライアントからcustom.scssを取得し、acme-app.cssなどの新しいcssをコンパイルします。
  3. クライアントは、ロードする生成されたcssを識別するURLで、リクエスト属性「acme」またはパス変数http://www.myawesomesite.com/acmeを使用してサイトを呼び出します。
于 2012-12-15T16:45:00.903 に答える
1

ここに記載されているオプションを確認し、これについて真剣に考えた結果、私の状況に本当に最適なオプションは、実際に人々が色を変更できるアイテムを制限し、オプションをデータベースに保存することであると判断しました。最初はもっと手間がかかりますが、将来的には問題を回避できます

于 2012-12-27T03:22:00.490 に答える