2012-12-26 43 views
0

我想要做的是包括在我正在創建模板我自己的style.css文件。在Visual Studio中,我打開了~/Template/App_Themes/Global/cssLoadOrder.xml並訂購了CSS文件,我希望它們出現在頁面中。但是,當我將模板上傳到Sitefinity時,沒有任何來自cssLoadOrder.xml的CSS文件出現在生成的HTML中的任何位置。Sitefinity 5.3:我如何訂購我的CSS?

在5.2,從cssLoadOrder.xml的CSS文件被附加到<head>的末尾。

在5.3中,唯一被追加到<head>末尾的是<link href="/Default2/Telerik.Web.UI.WebResource.axd?...">,忽略來自cssLoadOrder.xml的CSS文件。

我如何鏈接到我自己的CSS以及被加載刪除默認Reset.css文件?

回答

3

的功能或過程沒有改變V5.2之間 - V5.3所以添加新主題的正常工作流程仍然有效。

  1. 與應用程序的根目錄下面的文件夾結構創建一個新的主題:

    \ App_Data文件\ Sitefinity \ WebsiteTemplates \ MyTheme的\ App_Themes文件\ MyTheme1

  2. 在MyTheme1文件夾,添加3個文件夾(全局,樣式和圖像)。

  3. 添加一個名爲cssLoadOrder.xml文件具有下列樣品cssLoadOrder.xml 凡sfnormalize.min.css和sfproject.min.css是你的CSS文件(S)的名稱。

  4. 登錄到Sitefinity的後端和去

    管理>>設置>>高級>>外觀>>前端主題

  5. 選擇新建並填寫以下字段: 名稱:MyTheme1 路徑:〜/ App_Data/Sitefinity/WebsiteTemplates/MyTheme1/App_Themes/MyTheme1

  6. 註銷(並回收以避免緩存問題)。

  7. 登錄到Sitefinity的後端和去 設計>>頁面模板

  8. 選擇你的頁面使用的模板,並點擊它進行編輯。

  9. 上的主題按鈕,點擊屏幕右上方的部分,並從下拉菜單中選擇「MyTheme1」。

對於所渲染的源,click here的屏幕截圖。


這些步驟可能會很麻煩,所以作爲替代,你可以使用免費的Sitefinity雷霆延伸(download link

一旦安裝和設置,只需在VisualStudio中打開您的解決方案並選擇Project >>添加新物品。你會發現幾個Sitefinity類型,包括一個Sitefinity主題。

這會自動處理第1步到第6步,您只需將該新主題應用於您喜歡的任何模板(第7-9步)即可。


如果您想了解更多關於它的official documentation對如何應用主題/

+0

完美的廣泛報道!我使用的是雷霆,但是我錯過的步驟是第9步。主題仍然設置爲基本。謝謝! – Ryan