Решения для создания фирменного стиля и настройки страниц на сайтах SharePoint
Вы можете настроить внешний вид сайта SharePoint двумя способами:
Создать пользовательские темы, используя специальный механизм (в SharePoint и SharePoint Online — варианты оформления). Самые простые темы определяют цвета. Полная тема определяет цвета, шрифты, фоновое изображение, связанную эталонную страницу и PREVIEW-файл, который определяет способ предварительного просмотра эталонной страницы. С помощью шаблона удаленной подготовки можно применять темы к сайтам.
Создать настраиваемые каскадные таблицы стилей (CSS), которые применяются к сайтам SharePoint Online. Можно использовать надстройку SharePoint и шаблон удаленной подготовки для применения настраиваемых CSS к сайтам SharePoint.
Важно!
Такие возможности расширения доступны только для классического интерфейса SharePoint. Эти возможности нельзя использовать вместе с современным интерфейсом в SharePoint Online, например на сайтах для общения.
Изменения внешнего вида могут быть дешевыми и простыми или дорогими и сложными. Пользователи с помощью интерфейса могут применять варианты оформления, включающие в себя фоновое изображение, цветовую палитру, шрифты и эталонную страницу, а также PREVIEW-файл, связанный с эталонной страницей. Вы можете использовать механизм тем SharePoint для разработки вариантов оформления и сайтов подготовки. Вы также можете создать пользовательские CSS для изменения внешнего вида сайта и его элементов.
Важно!
Пользовательские эталонные страницы и другие структурные элементы можно создать в рамках проекта по фирменному оформлению, но долгосрочные затраты на их поддержку будут очень высоки. Фирменное оформление может повысить стоимость применения обновлений и предоставления постоянной поддержки для вашей организации.
Перед чтением этого раздела изучите инструменты и методики разработки и оформления SharePoint, чтобы понять, как настраивать внешний вид сайта SharePoint.
Термины и понятия
Таблица 1. Ключевые термины и понятия, связанные с фирменной символией SharePoint
| Термин или понятие | Определение | Дополнительная информация |
|---|---|---|
| Альтернативная таблица CSS | CSS-файл, отличный от CSS-файла по умолчанию, который можно применить для изменения внешнего вида сайта. | Используйте альтернативную таблицу CSS для применения настраиваемых CSS к сайту и всем его дочерним сайтам. |
| CSS | Язык, который сообщает браузеру, как следует отображать стили HTML- или XML-документа. CSS разделяет контент документа (HTML или XML) от способа его отображения. | |
| Вариант оформления | Сочетание шрифтов, цветовой палитры, фонового изображения и связанной эталонной страницы, которые применяются к сайту. Схема шрифтов и цветные изображения не обязательны. Расположение файлов вариантов оформления по умолчанию: папка Theme Gallery\15 | Составные представления — это удобный способ изменения внешнего вида сайтов без модификации структуры сайта. В SharePoint включены несколько вариантов оформления по умолчанию. Когда пользователь применяет вариант оформления, SharePoint применяет все связанные элементы дизайна к сайту. |
| Веб-часть "Поиск контента" | Отображает контент из результатов поиска на основе указанного запроса. | Веб-часть "Поиск контента" в SharePoint |
| corev15.css | CSS-файл, содержащий основную часть функций для SharePoint. Ниже приведено расположение файла по умолчанию: папка _layouts\15 | |
| CSSRegistration | Ссылка на эталонную страницу, например seattle.master, которая загружает большинство таблиц CSS, применяемых к большей части пользовательского интерфейса по умолчанию. | Используйте элемент управления CSSRegistration на эталонной странице, чтобы переопределить CSS по умолчанию. |
| Настраиваемое действие | Действие, которое можно использовать для настройки со списками и лентой на хост-сайте и взаимодействия с ними. | Создание дополнительных действий для развертывания с надстройками SharePoint |
| Каналы устройств | Отображайте один сайт публикации SharePoint по-разному, используя уникальные каналы для различных устройств. | Каналы устройств в компоненте "Дизайнер" SharePoint |
| Шаблоны отображения | Шаблоны, используемые веб-частями поиска для отображения результатов запроса к индексу поиска. | Шаблоны для отображения компонента "Дизайнер" SharePoint |
| Представление изображения | Показывайте изображение с разными размерами на сайте публикации на основе одного исходного изображения. | Представления изображений в Дизайнере SharePoint |
| Управляемые метаданные | Компоненты SharePoint, позволяющие определять термины, наборы терминов, группы и метки терминов. Также их иногда называют таксономией. В SharePoint система управляемых метаданных — это основа управляемой навигации. | Управляемые метаданные и навигация в SharePoint |
| Управляемая навигация | Навигации для сайтов публикации, основанная на управляемых метаданных. Навигация базируется на указанном наборе терминов в банке терминов. | Управляемая навигация в SharePoint |
| Эталонная страница | Страница, которая стандартизирует поведение и представление левой и верхней областей навигации страницы SharePoint. | Эталонные страницы, коллекция эталонных страниц и макеты страниц в SharePoint |
| Коллекция эталонных страниц | Это специальная библиотека документов в SharePoint, где по умолчанию хранятся все элементы фирменной символики (эталонные страницы, макеты страниц, файлы JavaScript, CSS и изображения). У каждого сайта есть своя коллекция главных страниц. При создании настраиваемых элементов фирменной символики мы рекомендуем хранить настраиваемые ресурсы в структуре файлов коллекции эталонных страниц по умолчанию. | Эталонные страницы, коллекция эталонных страниц и макеты страниц в SharePoint |
| Oslo.master | Эталонная страница в SharePoint. | Перемещает текущую структуру навигации в позицию верхней панели навигации. |
| Элемент управления контентом страницы | Элемент управления на сайте публикации, в котором можно добавлять веб-части. | |
| Макет страницы | Шаблон страницы сайта публикации SharePoint, который позволяет пользователям согласованно располагать информацию на странице. | |
| Панель быстрого запуска | Управляет элементами навигации в левой части страницы сайта совместной работы. | Вы можете добавить ссылки на заголовок, чтобы сгруппировать элементы навигации. |
| REST | Архитектурный стиль без сохранения сведений о состоянии, который отделяет элементы архитектуры и использует HTTP-команды для чтения и записи данных на веб-страницах, содержащих XML-файлы. | Знакомство со службой REST в SharePoint |
| Корневой веб-сайт | Первая веб-страница в семействе веб-сайтов. | Корневой сайт также иногда называют "корневым веб-приложением". |
| Seattle.master | Эталонная страница сайтов группы и сайтов публикации SharePoint по умолчанию. | |
| Макет сайта | См. описание эталонной страницы. | Макет сайта объединяет эталонную страницу темы с соответствующим PREVIEW-файлом. |
| Структурированная навигация | Структура навигации для сайтов публикации на основе иерархии сайта публикации. Вы можете добавлять заголовки и ссылки, чтобы вручную менять и настраивать структурированную навигацию, автоматически создаваемую SharePoint. | Настройка навигации в SharePoint Server 2010 (ECM) |
| Тема | Простой способ применения некоторых элементов фирменной символики к сайту SharePoint. По умолчанию файлы тем хранятся в папке _themes на сайте. | Темы — простой способ применения пользовательской фирменной символики к сайтам SharePoint. - Обзор тем для SharePoint - Развертывание пользовательской темы в SharePoint |
| Механизм тем | Набор файлов и функций, которые определяют внешний вид, поведение и сопоставления файлов вариантов оформления. | |
| Строка агента пользователя | Сведения, которые браузер передает веб-сайту, определяющие программное обеспечение, которое отправляет запрос с сервера. | Возможности оформления и брендирования в Дизайнере SharePoint |
| Дополнительное действие пользователя | Свойство CSOM, которое возвращает коллекцию дополнительных действий для веб-сайта, списка или семейства веб-сайтов. Расположение файлов по умолчанию: 15\TEMPLATE\FEATURES Пример: <HideCustomAction GroupId="Galleries" HideActionId="Themes" Location="Microsoft.SharePoint.SiteSettings"> |
- Класс UserCustomAction - Создание дополнительных действий для развертывания с надстройками SharePoint - Работа с дополнительными действиями пользователя - Расположения и идентификаторы дополнительных действий по умолчанию |
Содержание
| Статья | Показано, как… |
|---|---|
| Применение фирменного стиля к сайтам SharePoint с помощью вариантов оформления | Применяйте варианты оформления, в том числе цвета, шрифты и фоновое изображение к сайтам SharePoint и SharePoint Online. |
| Применение фирменного стиля к страницам SharePoint с помощью удаленной подготовки | Используйте удаленную подготовку для взаимодействия с темами в SharePoint. |
| Применение фирменного стиля к страницам SharePoint с помощью CSS | Используйте удаленную подготовку для взаимодействия с темами в SharePoint. |
| Настройка страницы SharePoint с помощью удаленной подготовки и CSS | Используйте CSS для настройки полей форматированного текста и зон веб-частей в SharePoint. |
| Обновление фирменного стиля существующих сайтов и областей страницы SharePoint | Настройте, а затем обновите фирменный стиль существующих сайтов SharePoint или областей страниц SharePoint, в том числе ленту, структуру навигации, меню настроек, представление в виде дерева и контент страниц. |
| Настройка сайтов OneDrive для бизнеса | Настройте фирменный стиль сайтов OneDrive для бизнеса в Office 365 или с помощью модели надстройки в зависимости от требований организации. |
См. также
- Ресурсы сообщества разработчиков SharePoint (SharePoint PnP)
- Ресурсы PnP для разработчиков решений для Office 365 на сайте GitHub
- Страницы SharePoint и модель страницы
- Инструменты и методики разработки и оформления SharePoint
- Метаданные, структура навигации и возможности сайтов публикации в SharePoint
- Подготовка сайтов и применение к ним фирменных стилей для SharePoint