ASP.net MVCテーマの変更ヘルプ

Question

私はASP.Net MVCを使用して開発されたWebサイトを持っています。今、私は（国に基づいて）ウェブサイトのテーマを変更したいという要求に基づいています。

例：米国のために - カナダのテーマ1 - テーマ2

要求は、私は、デフォルト（私の現在のテーマ）を表示したい任意のテーマに一致していない場合。

これをどのように動的に達成できますか。

私のCSSをもう一度書き直す必要がありますか、それとも良い方法がありますか？

事前に

おかげで、あなたのアイデアを共有してください:)

Answer 1

あなたは一般的なスタイルのためのグローバルCSSファイルを定義する必要があります。現在の国にアクセスするための何らかのヘルパーメソッドがあると仮定すると、国固有のスタイルシートを条件付きでロードするか、ルールに基づいてスタイルシートをロードすることができます。国と同じ名前のスタイルシート（次のコードは未検証です）：

<link rel="stylesheet" type="text/css" href="css/global.css"> 

// conditional 

@if (SiteHelper.CurrentCountry == "USA") { 
    <link rel="stylesheet" type="text/css" href="css/usa.css"> 
} 

// or assume a css file exists with the country name 

<link rel="stylesheet" type="text/css" href="css/@(SiteHelper.CurrentCountry).css"> 

は、私は一般的に、それはあなたに多くのより多くの制御を与えるよう、各国/テーマの異なるレイアウトのページを使用することをお勧めします。基本的に上記のロジックを_ViewStart.cshtmlに移動し、現在の国に基づいてレイアウトを設定します。

Answer 2

これが最善のアプローチかどうかはわかりませんが、これは私がやっていることです。私はこれに似たフォルダ構造があります。

/Content 
    layout.css 
    /Content/Images 
    /Content/Themes/ThemeUSA 
        layout.css 
    /Content/Themes/ThemeUSA/Images 

をそれから私は、画像のために例えば正しいパスを返すために、ヘルパー拡張機能を使用します。

<img src="@Url.Image(Model.EnhImg)" alt="@Model.EnhImgAlt" /> 

public static string Image(this UrlHelper helper, string fileName) 
{ 
    string sLocation = Content() + "images/" + fileName; 
    return helper.Content(sLocation); 
} 

private static string Content() 
{ 
    string sLocation = "~/content/"; 
    string sTheme = (string)HttpContext.Current.Session["Theme"]; 
    if (!String.IsNullOrEmpty(sTheme)) 
    { 
     sLocation += "themes/" +sTheme + "/"; 
    } 
    return sLocation; 
} 

イメージでテーマフォルダはデフォルトフォルダと同じ名前です。スタイルシートでも同じです。