Sitefinity 5.3: Как да поръчам своя CSS?

Това, което се опитвам да направя, е да включа моя собствен файл style.css в шаблона, който изграждам. Във Visual Studio отворих ~/Template/App_Themes/Global/cssLoadOrder.xml и подредих CSS файловете как искам да се показват на страницата. Когато обаче кача шаблона в Sitefinity, нито един от CSS файловете от cssLoadOrder.xml не се появява никъде в генерирания HTML.

В 5.2 CSS файловете от cssLoadOrder.xml бяха добавени в края на <head>.

В 5.3 единственото нещо, което се добавя към края на <head> е <link href="/bg/Default2/Telerik.Web.UI.WebResource.axd?...">, игнорирайки CSS файловете от cssLoadOrder.xml.

Как мога да се свържа с моя собствен CSS, както и да премахна зареждането на файла Reset.css по подразбиране?


visual-studio html css sitefinity
person Ryan    schedule 26.12.2012    source източник

Отговори (1)


arrow_upward
3
arrow_downward

Функционалността или процесът не са се променили между 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 файлове.

  4. Влезте в бекенда на Sitefinity и отидете на

    Администрация>>Настройки>>Разширени>>Външен вид>>Теми на предния екран

  5. Изберете създаване на нов и попълнете полетата: Име: MyTheme1 Път: ~/App_Data/Sitefinity/WebsiteTemplates/MyTheme1/App_Themes/MyTheme1

  6. Излезте (и рециклирайте, за да избегнете проблеми с кеширането).

  7. Влезте в бекенда на Sitefinity и отидете на Design>>Page Template

  8. Изберете шаблона, който вашата страница използва, и щракнете върху него, за да редактирате.

  9. В горната дясна част на екрана щракнете върху бутона Theme и изберете „MyTheme1“ от падащото меню.

За екранна снимка на изобразения източник щракнете тук.

Тези стъпки могат да бъдат тромави, така че като алтернатива можете да използвате безплатното разширение Sitefinity Thunder (връзка за изтегляне)

След като инсталирате и настроите, просто отворете вашето решение във VisualStudio и изберете Project >> Add new item. Там ще намерите няколко типа Sitefinity, включително Sitefinity тема.

Това автоматично ще се погрижи за стъпки от 1 до 6 и всичко, което трябва да направите, е да приложите тази нова тема към какъвто шаблон желаете (стъпка 7-9).

Ако искате да прочетете повече за това, официалната документация съдържа обширно описание как да прилагате теми/

person jbokkers    schedule 27.12.2012
comment
Перфектно! Използвах Thunder, но стъпката, която пропуснах, беше стъпка 9. Темата все още беше настроена на Basic. Благодаря! - person Ryan; 27.12.2012