Настройка темы

Вы просматриваете документацию Apigee Edge .
Перейдите к документации Apigee X. информация

Тема — это набор файлов, определяющий внешний вид сайта. Портал служб разработчиков изначально определяется темой по умолчанию, которую вы можете настроить. Это позволяет вам выбрать предпочтения по внешнему виду вашего портала. В частности, вы можете изменить цвет ссылок, фона, текста и других элементов темы. Вы также можете изменить приветственное сообщение, которое появляется на главной странице вашего портала разработчика.

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

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

Установка темы по умолчанию

Если на вашем портале все еще используется старая тема Apigee DevConnect, вы можете увидеть предупреждение в форме:

"Apigee DevConnect theme" is out of date 

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

Чтобы установить тему по умолчанию:

1. Войдите на свой портал как пользователь с правами администратора или создания контента.
2. Выберите «Внешний вид» в меню администрирования Drupal. Появится список включенных тем.
3. Для темы, которую вы хотите использовать по умолчанию, выберите «Установить по умолчанию» .
   Чтобы использовать адаптивную тему Apigee, убедитесь, что на этой странице также включена тема Bootstrap 7.x-3.0 .
4. Сохраните конфигурацию.

Настройка адаптивной темы Apigee

В этом разделе описывается настройка адаптивной темы Apigee, включая:

• Настройка модальных форм
• Настройка общих настроек

Чтобы настроить поддержку модальных форм:

Портал использует модуль песочницы форм Drupal Bootstrap Modal для отображения форм Drupal в качестве модальных окон. Формы входа и регистрации по умолчанию функционируют как модальные окна. Вы можете отключить эту функцию, чтобы эти формы отображались как отдельные страницы.

1. Войдите на портал разработчика как пользователь с правами администратора.
2. Выберите Конфигурация > Пользовательский интерфейс > Модальные формы Bootstrap в меню администрирования Drupal.
3. Включите или отключите модальную поддержку форм.
4. Выберите Сохранить конфигурацию .

Чтобы настроить общие параметры адаптивной темы Apigee:

1. Войдите на свой портал как пользователь с правами администратора или создания контента.
2. Выберите «Внешний вид» в меню администрирования Drupal. Появится список включенных тем.
3. В области страницы Apigee Responsive (тема по умолчанию) выберите «Настройки» (не нажимайте кнопку «Настройки» в верхней части страницы).
4. Появится страница настроек адаптивной темы Apigee.
5. В следующей таблице описаны области на этой странице, которые можно использовать для настройки темы. Если вы измените какой-либо из этих параметров, выберите «Сохранить конфигурацию».
   
   

   Область	Раздел	Описание
   Настройки начальной загрузки
   	Компоненты	Управляйте отображением хлебных крошек, положением главного меню (называемого в настройках Navbar) и отображением ячеек регионов: Хлебные крошки : скрыть/показать навигационную цепочку, включить/выключить ссылку «Домой» внутри навигационной цепочки. Панель навигации : измените положение панели навигации (главное меню) на фиксированное/статическое/нормальное положение, что сделает макет более динамичным. Региональные скважины : добавьте класс скважин к любому региону на сайте, чтобы добавить к нему более темный фон.
   	JavaScript	Управляйте отображением привязок, всплывающих окон и всплывающих подсказок: Привязки : зафиксируйте положение привязки и включите плавную прокрутку. Поповеры : Поповеры добавляют небольшие наложения контента к любому элементу. Включите/отключите всплывающие окна и настройте их использование. Подсказки : настройте способ использования всплывающих подсказок. Вы можете принудительно отображать каждую всплывающую подсказку справа, слева, сверху или снизу каждого элемента формы, а также установить другие параметры отображения.
   	Передовой	Управляет тем, как портал использует BootstrapCDN для обновления файлов темы Bootstrap. Вы можете отключить зависимость портала от BootstrapCDN, но тогда вам придется предоставить собственную реализацию платформы Bootstrap.
   	Настройки DevConnect	Установите приветственное сообщение, цвета по умолчанию и размер логотипа, который отображается в главном меню.
   Переопределить глобальные настройки
   	Переключить отображение	Включайте и отключайте отображение разных областей портала.
   	Настройки изображения логотипа	Определяет изображение, отображаемое в главном меню.
   	Настройки значка ярлыка	Задает изображение, отображаемое в адресной строке браузера или для закладки на портале.

Настройка темы Apigee DevConnect

Тема Apigee DevConnect является темой портала по умолчанию для более старых версий портала и может быть обновлена ​​до новой адаптивной темы Apigee. Однако перед выполнением обновления вы должны сначала убедиться, что все блоки, шаблоны и другой контент совместимы с Bootstrap 3.

Чтобы настроить общие параметры темы Apigee DevConnect :

1. Войдите на свой портал как пользователь с правами администратора или создания контента.
2. Выберите «Внешний вид» > «Тема Apigee DevConnect» > «Настройки» в меню администрирования Drupal. Отобразятся начальные настройки темы. Настройки цвета задаются в виде шестнадцатеричных значений.

   

3. Измените настройки в соответствии с вашими предпочтениями.
   Например, добавьте или измените приветственное сообщение или измените цвет фона заголовка. Цвет фона заголовка изначально установлен на что-то близкое к оранжевому (#FF4300). Вы можете изменить его на другой цвет, например синий (#0000FF).
4. Когда вы закончите изменять настройки, нажмите «Сохранить» .

Настройка темы путем создания подтемы

Все файлы и ресурсы, которые определяют темы по умолчанию, поставляемые с порталом, находятся в каталоге Profiles/apigee/themes в каталоге установки портала. Этот каталог находится по адресу /var/www/html/profiles/apigee/themes, если вы установили портал в папку по умолчанию.

Чтобы отредактировать тему и изменить внешний вид сайта, не изменяйте файлы темы напрямую в профилях/apigee/themes . Если вы это сделаете, ваши изменения будут перезаписаны при следующем обновлении портала.

Вместо этого создайте подтему темы, которую вы хотите изменить, скопировав файлы темы по умолчанию в каталог /sites/all/themes . Инструкции по подтемам см. в документации Drupal по адресу https://www.drupal.org/node/225125 .

1. Скопируйте папку Profiles/apigee/themes/apigee_Response/apigee_Response_starterkit в папку /sites/all/themes .
2. Переименуйте папку apigee_Response_starterkit в YOUR_THEME_NAME.
3. Переименуйте файл apigee_Response_starterk it.info в YOUR_THEME_NAME.info.
4. Переименуйте css/apigee_Response_starterkit.css в css/ВАШЕ_ИМЯ_ТЕМЫ.css.
5. Переименуйте js/apigee_Response_starterkit.js в YOUR_THEME_NAME.js.
6. Отредактируйте файл YOUR_THEME_NAME.info и замените следующие строки:
   
   таблицы стилей[все][] = css/apigee_Response_starterkit.css
   скрипты[] = js/apigee_Response_starterkit.js
   
   с:
   
   таблицы стилей[все][] = css/ИМЯ_ВАШЕЙ_ТЕМЫ.css
   скрипты[] = js/ИМЯ_ВАШЕЙ_ТЕМЫ.js
7. Измените имя темы в файле YOUR_THEME_NAME.info с Apigee Responsive Starter Kit на ИМЯ ВАШЕЙ ТЕМЫ.
8. Если вы хотите добавить новый скриншот для своей темы, замените существующий файл скриншота.png .
9. Если вы хотите добавить новый логотип в свою тему, замените существующий файл logo.png .
10. Если вы хотите добавить новый значок в свою тему, замените существующий файл favicon.ico .