0

私は ModX Revolution マネージャーを使用しており、CSS をファイルではなく ModX リソースに変換できないかと考えていました。テンプレートとその変数も利用したいと思います。それは可能ですか?そうすることの欠点は何ですか?何か利点はありますか (私が以下で考えているものを除いて)?

私がこれを好む理由は、@import ステートメントでいくつかの CSS ページを使用して、CSS のオブジェクト指向を少し改善するためです。これを ModX で直接行うことができれば、アップロードと同期を節約できます。

4

1 に答える 1

4

以前のバージョンの ModX (Evo および Revo) では、トリックを実行する必要がありました。2.2.2pl では、ごくわずかなトリックで可能です。これを行うための情報はまばらで不正確です。方法は次のとおりです。


テンプレートを作成する

  1. 新しいテンプレートを作成します。CSS Stylesheet と名付けました。(そのような単純な)

  2. 内容については、単純に[[*content]].

CSS ページを作成する

  1. 新しいリソースを作成します。好きな名前を付けてください。

  2. エイリアスを追加します。最後に を追加しないようにしてください.css。ModX がこれを行う必要があります。

  3. 次に、新しいページが であることを確認しますpublished。することもできhide from menusます。

  4. CSS コードを追加します。面白いトリックはありません... いつものようにコピーして貼り付けてください。

スタイルシートをテストする

あたかも HTML ドキュメントであるかのように、新しいページに直接移動するだけです。.cssの代わりに を忘れないでください.html。CSS コードが表示されれば成功です。

CSS をテンプレートに追加する

これはトリッキーな部分です。をご利用いただけなくなります<link rel=></link>

  1. <head>要素に移動するだけです。次のコードを追加します。

    <style type="text/css"> @import URL(""); </style>

  2. テストする

  3. 内にurl("");、新しいリソースへの URL を配置するだけです。

利点

アップロードとダウンロードを保存するだけでなく、ModX ツールを使用して CSS を編集できるようになりました。さらに、他にもいくつかの特典があります。

  • あなたが私のようであれば、ファイル名は役に立ちますが、多くの場合、十分に説明的ではありません。好きな名前を付けることができます。とにかく重要なエイリアスです。

  • リソースの説明に基づく便利なツールヒント。

  • また、リソースの概要を他のことに利用することもできます。ここに重要なファイル コメントを配置して、CSS を小さくします。

  • テンプレート変数!以前のバージョンの ModX では、CSS のテンプレートを使用できませんでした。

  • 必要に応じて、チャンクとスニペット。HTML ではなく、プレーン テキストとして記述しなければなりませんが、クリエイティブな人には役立ちます。

  • 必要に応じて、CSS がすべてのコンテキスト間で共有されるようになりました。@importこれは、ステートメントの性質によるものです。

  • どのコンピュータからでも CSS を編集できます。編集用にフロントエンドをセットアップすることもできます。

欠点

常にトレードオフがあり、この手法でも例外ではありません。多くは、サイトの設定方法によって異なります。

  • 保存と編集は、サーバーのパフォーマンスに基づいています。

  • URL リクエストは、ModX のパフォーマンスにさらに基づいています。一部の人にとっては、これらの余分なリソースを追加すると、速度が低下する可能性があります. 多くの場合、心配するだけでは十分ではありませんが、言及する価値があります。

  • 現在はデータベースによって管理されているため、データベース セキュリティの対象となります。これは良いことも悪いこともあります。それが良いとしても、おそらくあなたから追加のセットアップが必要になるでしょう.

  • テンプレート、スニペット、およびプラグインは、正しくプログラムされていない場合、CSS を壊す可能性があります。これは本当に気をつけたいところです。

  • 各 CSS リクエストは、ModX によって個別のリクエストとして扱われます。テンプレート変数とプラグインは、表示している Web ページには適用されません。これらは CSS コンテンツに適用されます。


結論

全体のプロセスには約 15 分かかります。最終的に、うまくいかない場合は、元に戻す方がより高速です (確信が持てるまでは、生のファイルを削除しないでください)。追加された機能は私にとって価値があります。

于 2012-06-14T06:03:52.690 に答える