Огляд тем
Примітка
- З жовтня 2022 року портали Power Apps перейменовано на Power Pages.
- 26 лютого 2024 року буде вилучено застарілу версію Студії порталів Power Apps. Натомість використовуйте Power Pages студію дизайну для редагування веб-сайтів. Додаткові відомості: Вилучення Студії порталів Power Apps
- Цей розділ стосується застарілих можливостей. Актуальні відомості див. в документації до Microsoft Power Pages.
У порталах Power Apps, функція «Увімкнути основну тему» має значення «вимкнуто». При увімкненні цієї функції можна використати теми за промовчанням, які називаються Попередньо встановленими темами. Крім того, для додаткового настроювання можна створювати копії попередньо встановленим тем.
Ця стаття ознайомить вас із функцією основних тем. Для розширеного настроювання тем див. розділ Редагування CSS.
Увімкнення основних тем для наявних порталів
Увійти до Power Apps.
Виберіть пункт Програми у лівій панелі переходів і виберіть портал.
Натисніть кнопку Інші команди (...), а потім виберіть пункт Редагувати.
Виберіть пункт Теми у лівій панелі переходів, а потім увімкніть перемикачУвімкнути основну тему.
Зміна теми порталу
Будь-яку наявну тему у порталі можна вказати як тему за промовчанням.
Увійти до Power Apps.
Виберіть пункт Програми у лівій панелі переходів і виберіть портал.
Натисніть кнопку Інші команди (...), а потім виберіть пункт Редагувати.
Виберіть пункт Тема в області компонентів.
Виберіть будь-яку тему за промовчанням з доступних попередньо встановлених тем (у нашому прикладі ми обрали зелену).
Обрану тему буде застосовано до вашого порталу.
Примітка
Після змінення теми або властивостей теми, наприклад, кольору, у студії, виберіть Огляд веб-сайту, щоб переглянути зміни в окремій вкладці браузера. Якщо внести кілька змін, використовуючи такий спосіб, та перемкнутися на інші сторінки в браузері, через залишковий кеш браузера можуть відображатися не найновіші зміни теми. Якщо це станеться, натисніть Ctrl+F5, щоб перезавантажити сторінку.
Створити нову тему
Увійти до Power Apps.
Виберіть пункт Програми у лівій панелі переходів і виберіть портал.
Натисніть кнопку Інші команди (...), а потім виберіть пункт Редагувати.
Виберіть пункт Тема в області компонентів.
Виберіть пункт Нова тема.
Редагування параметрів теми
У програмі Power Apps Studio можна оновити назву, опис, колір та інші типографічні налаштування теми.
Увійти до Power Apps.
Виберіть пункт Програми у лівій панелі переходів і виберіть портал.
Натисніть кнопку Інші команди (...), а потім виберіть пункт Редагувати.
Виберіть пункт Тема в області компонентів.
Виберіть застосовану тему, або нову тему з попередньо встановлених. При виборі теми, у правій частині робочої області відкриється панель параметрів.
Редагуйте такі параметри теми, як назва, опис і колір різних областей.
Параметр кольору Область застосування Основна Кольори кнопок і посилань. Заголовок Колір фону заголовка. Текст меню заголовка Колір тексту в меню заголовка. Наведення на меню заголовка Колір фону елементів меню при наведенні курсора. Фон тексту Колір фону області тексту. Фон нижнього колонтитула Колір фону нижнього колонтитула. Текст нижнього колонтитула Колір тексту нижнього колонтитула. Збережіть та опублікуйте зміни.
Копіювання попередньо встановленої теми
Увійти до Power Apps.
Виберіть пункт Програми у лівій панелі переходів і виберіть портал.
Натисніть кнопку Інші команди (...), а потім виберіть пункт Редагувати.
Виберіть пункт Тема в області компонентів.
Виберіть з-поміж попередньо визначених тем ту, яку необхідно скопіювати, виберіть ..., а потім виберіть Настроїти.
Оновіть параметри теми так, як описано в попередньому розділі, а потім збережіть тему.
Змінні Sass
Sass — це мова таблиць стилів з повністю CSS-сумісним синтаксисом. При увімкненні функції основної теми, змінні Sass можна використовувати для настроювання кольорів теми замість значень.
Наприклад, якщо потрібно, щоб колір заголовка був на 25 відсотків світлішим за основний колір, замість конкретного кольору можна використати наступне значення:
lighten($primaryColor, 25%);
В основних темах можна використовувати такі змінні Sass:
| Параметр кольору | Ім’я змінної Sass |
|---|---|
| Основна | $primaryColor |
| Заголовок | $headerColor |
| Текст меню заголовка | $headerMenuTextColor |
| Наведення на меню заголовка | $headerMenuHoverColor |
| Фон тексту | $bodyBackground |
| Фон нижнього колонтитула | $footerColor |
| Текст нижнього колонтитула | $footerTextColor |
Порядок змінних Sass
Змінні Sass виконуються згори донизу. Можна задати колір заголовку як lighten($primaryColor, 25%);. Але не можна задати Основний колір як lighten($headerColor, 25%); оскільки заголовок знаходиться у списку параметрів кольорів нижче основного.
Зауваження щодо основних тем
- Не можна мати дві теми з однаковими назвами теми або іменами файлу теми.
- Будь-яке введене вручну значення кольору має бути дійсним кольором.
- Зміна CSS попередньо встановлених тем не підтримується.
- Для спеціальних можливостей рекомендується встановити контраст кольорів переднього за заднього планів теми у пропорції 4,5:1.
Наступні кроки
Статті за темою
Студія порталів Power Apps
Створення веб-сторінок і керування ними
Редактор WYSIWYG
Примітка
Розкажіть нам про свої уподобання щодо мови документації? Візьміть участь в короткому опитуванні. (зверніть увагу, що це опитування англійською мовою)
Проходження опитування займе близько семи хвилин. Персональні дані не збиратимуться (декларація про конфіденційність).