0

コードを介して拡張できるパラメーターを持つlessまたはsassスタイルシートを作成しようとした人はいないかと思いました。

例えば:

@ primary-color:赤
@ secondary-color:灰色

少ないファイルは入力を使用するように設定され(エディターで2〜5色のオプションを持つワードプレスファイルを考えてください)、cssとクラスはすべてこれらの限られた選択肢によって変更できます。

私は通常、ページ全体にインラインコードを作成するソリューションを目にしますが、ページの先頭にある小さなスクリプトファイルに表示される可能性のあるいくつかの入力を介して変更できるマスターless/sassページを作成する方が理にかなっているようです。 。

このタイプのソリューションは、デザインのテーマを設定するときに非常に理にかなっているように見えます。

4

2 に答える 2

1

クリス、CSSまたはSAASファイルを修正する必要はありません。PHPまたはASP.NETでも同じように簡単に使用できます。

PHPでこれを行う方法の1つのリンク

http://www.barelyfitz.com/projects/csscolor/

于 2012-05-11T13:43:13.387 に答える
1

最近のプロジェクトで説明しているようなものを実装する必要があり、結局lessphpを使用することになりました。基本的に、私が使用した方法は次のとおりです。

  1. ファイルからLESSシートを読み取ります。
  2. 変数宣言などのように、メモリ内にある文字列の先頭にカスタムLESSを追加します。
  3. 完全なLESS文字列をlessphpパーサーに渡し、CSSを取得します。
  4. (オプション)結果をインテリジェントにキャッシュして、将来の処理時間を節約します。
  5. CSSを提供します。

このような方法は、WordPressテーマで簡単に使用してカスタマイズを提供できます。

さらに:実装で失敗したことの1つは、将来回避しようとすることです。これは、可変スタイルを他のスタイルシートから分離しておくことです。つまり、lessphpで生成されたファイルには、動的変数に依存するスタイルのみが含まれ、既存の静的シート(デフォルトは色/オプション)にあるスタイルを拡張するためにのみ存在する必要があります。これにより、処理能力が節約され、less.jsを使用してスタイルの大部分を記述できるようになり#!watch、などを使用できるようになります。

于 2012-05-11T13:51:33.973 に答える