以前のバージョンの ModX (Evo および Revo) では、トリックを実行する必要がありました。2.2.2pl では、ごくわずかなトリックで可能です。これを行うための情報はまばらで不正確です。方法は次のとおりです。
テンプレートを作成する
新しいテンプレートを作成します。CSS Stylesheet と名付けました。(そのような単純な)
内容については、単純に[[*content]]
.
CSS ページを作成する
新しいリソースを作成します。好きな名前を付けてください。
エイリアスを追加します。最後に を追加しないようにしてください.css
。ModX がこれを行う必要があります。
次に、新しいページが であることを確認しますpublished
。することもできhide from menus
ます。
CSS コードを追加します。面白いトリックはありません... いつものようにコピーして貼り付けてください。
スタイルシートをテストする
あたかも HTML ドキュメントであるかのように、新しいページに直接移動するだけです。.css
の代わりに を忘れないでください.html
。CSS コードが表示されれば成功です。
CSS をテンプレートに追加する
これはトリッキーな部分です。をご利用いただけなくなります<link rel=></link>
。
<head>
要素に移動するだけです。次のコードを追加します。
<style type="text/css">
@import URL("");
</style>
テストする
内にurl("");
、新しいリソースへの URL を配置するだけです。
利点
アップロードとダウンロードを保存するだけでなく、ModX ツールを使用して CSS を編集できるようになりました。さらに、他にもいくつかの特典があります。
あなたが私のようであれば、ファイル名は役に立ちますが、多くの場合、十分に説明的ではありません。好きな名前を付けることができます。とにかく重要なエイリアスです。
リソースの説明に基づく便利なツールヒント。
また、リソースの概要を他のことに利用することもできます。ここに重要なファイル コメントを配置して、CSS を小さくします。
テンプレート変数!以前のバージョンの ModX では、CSS のテンプレートを使用できませんでした。
必要に応じて、チャンクとスニペット。HTML ではなく、プレーン テキストとして記述しなければなりませんが、クリエイティブな人には役立ちます。
必要に応じて、CSS がすべてのコンテキスト間で共有されるようになりました。@import
これは、ステートメントの性質によるものです。
どのコンピュータからでも CSS を編集できます。編集用にフロントエンドをセットアップすることもできます。
欠点
常にトレードオフがあり、この手法でも例外ではありません。多くは、サイトの設定方法によって異なります。
保存と編集は、サーバーのパフォーマンスに基づいています。
URL リクエストは、ModX のパフォーマンスにさらに基づいています。一部の人にとっては、これらの余分なリソースを追加すると、速度が低下する可能性があります. 多くの場合、心配するだけでは十分ではありませんが、言及する価値があります。
現在はデータベースによって管理されているため、データベース セキュリティの対象となります。これは良いことも悪いこともあります。それが良いとしても、おそらくあなたから追加のセットアップが必要になるでしょう.
テンプレート、スニペット、およびプラグインは、正しくプログラムされていない場合、CSS を壊す可能性があります。これは本当に気をつけたいところです。
各 CSS リクエストは、ModX によって個別のリクエストとして扱われます。テンプレート変数とプラグインは、表示している Web ページには適用されません。これらは CSS コンテンツに適用されます。
結論
全体のプロセスには約 15 分かかります。最終的に、うまくいかない場合は、元に戻す方がより高速です (確信が持てるまでは、生のファイルを削除しないでください)。追加された機能は私にとって価値があります。