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="/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

Функциональность или процесс не изменились между версиями 5.2 и 5.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 и перейдите в раздел «Дизайн» >> «Шаблон страницы».

  8. Выберите шаблон, который использует ваша страница, и нажмите на него, чтобы отредактировать.

  9. В верхней правой части экрана нажмите кнопку «Тема» и выберите «MyTheme1» в раскрывающемся списке.

Чтобы сделать скриншот обработанного источника, нажмите здесь.

Эти шаги могут быть громоздкими, поэтому в качестве альтернативы вы можете использовать бесплатное расширение Sitefinity Thunder (ссылка для скачивания)

После установки и настройки просто откройте свое решение в VisualStudio и выберите «Проект» >> «Добавить новый элемент». Там вы найдете несколько типов Sitefinity, включая тему Sitefinity.

Это автоматически позаботится о шагах с 1 по 6, и все, что вам останется сделать, это применить эту новую тему к любому шаблону, который вам нравится (шаги 7-9).

Если вы хотите узнать об этом больше, официальная документация подробно описывает, как применять темы/

person jbokkers    schedule 27.12.2012
comment
Идеально! Я использовал Thunder, но пропустил шаг 9. Тема по-прежнему была установлена ​​на Basic. Спасибо! - person Ryan; 27.12.2012