Sitefinity имеет очень специфическую файловую структуру, необходимую для реализации пользовательских шаблонов, использующих главную страницу.
- Создайте файловую структуру, описанную здесь .
- После этого убедитесь, что нужный файл css содержится в файлах
main.css/reset.css
в глобальном каталоге, и загрузите свою главную страницу в каталог App_Master
.
- С этими файлами вы должны зарегистрировать свои CSS-файлы в качестве Темы.
- Перейдите на
Administration > Settings
, выберите расширенный параметр и выберите Appearance > Frontend Themes
в меню слева.
- Добавьте новую тему и укажите путь к каталогу, в котором находится ваша тема (На приведенной ссылке изображение показывает структуру файла для темы с именем
MyGreenTheme
.
Это путь будет: ~/App_Data/Sitefinity/WebsiteTemplates/MyTemplate/App_Themes/MyGreenTheme
).
- Как только это будет сделано, перейдите к созданию нового шаблона и перейдите в каталог App_Master, чтобы выбрать свою главную страницу. В правой части редактора шаблонов нажмите «Тема» и выберите только что зарегистрированную тему.
Изображения могут быть размещены
- применение фонового изображения к контейнерам, указанным на главной странице через css, или
- , поместив их в заполнители из бэкэнда дизайнера.
Если вы решите использовать первый, а не последний, убедитесь, что пути к изображениям в ваших файлах main.css
и reset.css
относятся к этим файлам. (например, background-image:url('../../Images/some_image.png';
)
(См. Изображение структуры файла в предоставленной ссылке для уточнения)
В качестве дополнительного примечания я обнаружил, что файлы, добавленные через Visual Studio, не передаются Sitefinity, их необходимо добавить через бэкэнд, выбрав Администрирование> Структура файла. После добавления через бэкэнд любые изменения, внесенные в эти файлы, должны обновляться после обновления страницы.
Кроме того, я еще не пытался включить какой-либо код Javascript / JQuery в Sitefinity, но я предполагаю, что процесс будет аналогичным.
Ура!