css - DotNetNuke css が他のフレームワークと競合しないようにすることはできますか?

Question

クライアントからの依頼を受けて、最近 DotNetNuke を調べ始めました。

DNN は、独自のコントロールとサイトのプレゼンテーションを組み合わせているという点で、私がよく知っている他の CMS とは異なることにすぐに気付きました。(Umbraco、Wordpress、Orchard などの他の cm には、コンテンツ管理用の個別のインターフェイスがあります)。

レスポンシブ Web サイトを構築しており、Zurb Foundation を使用しています。私が抱えている問題は、DNN の css が Zurb の css を混乱させ始めることです。どちらの CSS も編集したくありません。問題は非常に深刻なようです。DNNで何らかの形で対処されていますか?

人気のあるモバイルブラウジングがレスポンシブデザインになったことを念頭に置くと、Zurb や Twitter ブートストラップなどのフレームワークの人気がますます高まるでしょう。そして、DNN はそれらとうまく機能していないように見えます。DNN にとって大きなノーノーになる可能性があります。

サイトのプレゼンテーションと cms コントロールを混在させるという全体的な考えは、私には間違っているように見えます。それらが混ざり合って混乱するのを防ぐことはできますか？

乾杯。

score 1 · Accepted Answer

使用する DNN スキンに関係なく、常に読み込まれる Portal.css ファイルがあります。次に、各 DNN スキンは、スキン/テーマに関連付けられた skin.css ファイルと、参照する必要があるその他の特定の CSS ファイルを読み込みます。

おそらくあなたが抱えている問題は、Portal.css に設定されているデフォルトのスタイルがテーマと競合していることです。スキンファイルの先頭で問題を引き起こしている CSS を上書きする必要があるかもしれません。

しかし、はい、これは DNN が管理機能で使用されるモーダルポップアップ、ドロップダウン、リンクなどのスタイルを宣言するため発生します。これは実際のサイトデザインと一致しているため、ブートストラップなどのフレームワークを使用している場合は競合する可能性があります。

score 0 · Accepted Answer

あなたが探しているものを解決するために特別に Foundation DNN スキンを作成しました - https://github.com/Ethanhackett/foundation-5-dnn-skin

DNN は jQuery v1 にあり、Foundation は jQuery 2 を使用しているため、CSS の競合を回避し、対処する必要のある jQuery の競合解決策がいくつかあります...

それが役立つことを願っています。

2 に答える 2