Вопрос или проблема
Мы начинаем использовать Sharepoint 365 (онлайн). Ранее мы работали с версией Sharepoint Server 2019 (локально).
При использовании классического интерфейса мы пытались настроить навигацию в Sharepoint с помощью кода CSS, но не смогли найти веб-часть Script Editor в меню. Опции пользовательского скрипта уже были включены в Центре администрирования Sharepoint. В настоящий момент мы не планируем использовать современный интерфейс.
Кто-нибудь знает, как решить эту проблему или какой-либо другой способ сделать это?
Заранее спасибо.
Ответ или решение
Вставка CSS кода для настройки пользовательского интерфейса SharePoint 365: полное руководство
С переходом от SharePoint Server 2019 к SharePoint 365 (онлайн) многие пользователи сталкиваются с различиями в функционале, особенно в области кастомизации интерфейса. Если вы уже привыкли к классическому интерфейсу SharePoint, отсутствие возможности использования веб-части «Редактор скриптов» может вызывать затруднения. В этой статье мы подробно рассмотрим, как можно вставить CSS код для настройки интерфейса SharePoint 365.
Проблема отсутствия веб-части «Редактор скриптов»
Веб-часть «Редактор скриптов» доступна только в классической версии SharePoint и в проектах SharePoint Online с активированной классической странице. Однако, с введением современного интерфейса, возможность использования некоторых классических функций была ограничена.
Если вы не можете найти веб-часть «Редактор скриптов», это может быть связано с:
-
Настройками администратора: Убедитесь, что у вас есть все необходимые права для создания и редактирования страниц. Администраторы могут ограничить использование кастомных скриптов.
-
Типом страницы: Убедитесь, что вы находитесь на классической странице, а не на современном сайте или странице.
Альтернативные методы вставки CSS в SharePoint 365
Если вы не можете использовать веб-часть «Редактор скриптов», существуют другие способы вставить CSS-код для кастомизации:
1. Использование встроенных CSS-стилей через редактор страниц
На классической странице вы можете использовать встроенные CSS стили непосредственно в редакторе текста. Для этого:
- Перейдите на нужную страницу;
- Нажмите «Изменить»;
- Вставьте HTML-код с CSS внутри тега
<style>.
Пример использования:
<style>
.your-class {
background-color: #f0f0f0; /* Задайте нужные стили */
}
</style>2. Использование внешних стилей
Если у вас есть доступ к файлам CSS на внешнем сервере:
- Создайте файл стилей и разместите его на доступном сервере или в SharePoint документе;
- Вставьте ссылку на файл в код страницы, как показано ниже:
<link rel="stylesheet" type="text/css" href="https://your-css-file-url.css">3. Вставка кода через веб-часть «Содержимое редактора»
Если «Редактор скриптов» недоступен, вы можете попробовать использовать веб-часть «Содержимое редактора» для вставки вашего кода:
- Добавьте веб-часть «Содержимое редактора» на страницу;
- Вставьте ваши CSS стили непосредственно в этой веб-части.
Заключение
Кастомизация интерфейса SharePoint 365 может показаться сложной задачей после перехода с локальной версии, но использование встроенных инструментов и возможностей позволяет вам адаптировать интерфейс под ваши нужды. Хотя веб-часть «Редактор скриптов» больше не доступна, вы можете использовать указанные альтернативы для интеграции CSS в ваши классические страницы.
Помните, всегда проверяйте ваши изменения на предмет их воздействия на функциональность сайта и обратитесь к администратору, если возникли проблемы с разрешениями.