私たちは CMS を開発しており、ユーザーがカスタマイズ可能なテーマを処理する最善の方法についてアドバイスを求めています。いくつかのアイデアがありますが、最善のアプローチが何であるかはよくわかりません。CMS を使用すると、ユーザーは、CMS に組み込まれたテーマ エディター UI を介して、色、フォント、レイアウトなど、サイトのあらゆる部分をカスタマイズできます。
そのテーマの CSS ファイルに変更を書き込むカスタム CSS パーサーを作成することを考えていました。このアプローチには、多くの失敗点と多くの聞き耳があるように思われます。
もう 1 つの方法は、すべての CSS をデータベースに格納してから、インライン CSS のみを使用することでした。
CMS は、ユーザー情報とコンテンツ用の MySQL データベースを備えた JQuery と PHP を使用して構築されていますが、CSS は使用されていません。
テーマの CSS プロパティを解析/制御/編集するより効率的な方法はありますか?
ありがとう
私は現在、同じことをしたいと思っています。私が遭遇した解決策のいくつかは、レイアウトにxmlファイルを使用してから、（おそらく）カスタムcssファイルを解析するようです。このように、レイアウトはページコンテンツモジュールの「スタック順序」を決定し、フォント、色、背景画像などの他のカスタマイズ可能な機能（通常は制限されます）は、追加のカスタム（ユーザー）cssファイルによって処理されます。
私はこれをフォローし、それを実現するための実際のコードソリューションを見つけることにも興味があります。たとえば、jqueryを使用してユーザーバックエンド用のドラッグ可能なコンテンツモジュールインターフェイスを構築する方法。
私の提案は、WordPressやその他の構築済みプラットフォーム (Drupal、Joomla など) がこれにどのようにアプローチしているかを調べることです。WordPress テーマは、ファイル システムに保存されたテンプレート ファイルで構成されており、ユーザーは Web サイトのルック アンド フィールを完全に制御できます。各テーマの CSS は、 というファイルに保存されますstyle.css。WP 自体はフロントエンド レイアウトを強制するのではなく、サイト管理者/開発者の手に委ねます。
CSS ファイルをコード クラスのように扱います。たとえば、カスタマイズ可能なフォント テーマ用の CSS ファイル、ページ テーマ用の CSS ファイルなどを用意します。
それを念頭に置いて、ページの読み込み時に、ユーザーの選択に基づいて動的な CSS ファイルを簡単に作成できます。
別名
font1.css font2.css font3.css
page1.css page2.css page3.css
ページの読み込み時に、ユーザー設定がフォント 1 とページ 2 であることを確認し、両方の css ファイルとワラを取り込みます。