Тақырыптарға шолу
Ескерім
- 2022 жылдың қазанынан бастап күшіне енеді, Power Apps порталдары — Power Pages.
- 2024 жылдың 26 ақпанынан бастап бұрынғы Power Apps порталдарының студиясы істен шығады. Оның орнына веб-сайттарыңызды өңдеу үшін Power Pages дизайн студиясын пайдаланыңыз. Қосымша ақпарат: Power Apps порталдарының студиясы істен шығарылады
- Бұл тақырып бұрынғы мүмкіндіктерге қолданылады. Соңғы ақпарат алу үшін Microsoft Power Pages құжаттамасына өтіңіз.
Power Apps порталдарында Негізгі тақырыпты қосу функциясы Өшірулі күйіне орнатылған. Бұл функцияны қосқан кезде Алдын ала орнатулар деп аталатын әдепкі тақырыптарды қолдануға болады. Қосымша теңшеу үшін алдын ала орнатылған тақырыптардың көшірмелерін жасауға болады.
Бұл мақалада сіз тақырыптардың негізгі функциясымен танысасыз. Кеңейтілген тақырып теңшеуі туралы ақпаратты CSS өңдеу бөлімінен қараңыз.
Бұрыннан бар порталдар үшін негізгі тақырыптарды қосыңыз
Power Apps жүйесіне кіріңіз.
Сол жақ шарлау тақтасынан Бағдарламалар опциясын, содан кейін порталды таңдаңыз.
Қосымша пәрмендер (...) опциясын, содан кейін Өңдеу пәрменін таңдаңыз.
Сол жақ шарлау тақтасынан Тақырыптар опциясын, содан кейін Негізгі тақырыпты қосу ауыстырып-қосқышын қосыңыз.
Портал үшін тақырыпты өзгерту
Порталда бұрыннан бар тақырыпты әдепкі тақырыпқа орната аласыз.
Power Apps жүйесіне кіріңіз.
Сол жақ шарлау тақтасынан Бағдарламалар опциясын, содан кейін порталды таңдаңыз.
Қосымша пәрмендер (...) опциясын, содан кейін Өңдеу пәрменін таңдаңыз.
Құрамдастар тақтасынан Тақырып опциясын таңдаңыз.
Қолжетімді алдын ала орнатылған тақырыптардан кез келген әдепкі тақырыпты таңдаңыз (біздің мысалда, Жасыл тақырыбын таңдадық).
Таңдалған тақырып порталға қолданылады.
Ескерім
Studio ішіндегі түстер сияқты тақырып немесе тақырыптық сипаттарды өзгерткеннен кейін, өзгертулерді бөлек браузер қойыншасында көру үшін Веб-сайтты шолу параметрін таңдаңыз. Егер осы әдіс арқылы бірнеше өзгертулер жасасаңыз және браузер ішінде әртүрлі беттерге ауыссаңыз, ескірген браузер кэші браузеріңізде соңғы емес тақырыптық өзгерістерді көрсетуі мүмкін. Бұл жағдайда бетті қайта жүктеу үшін 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 өңдегіші
Ескерім
Сіз құжат тіліңіздің артықшылықтары туралы айта аласыз ба? Қысқа сауалнамаға қатысыңыз. (бұл сауалнама ағылшын тілінде екеніне назар аударыңыз)
Сауалнама шамамен жеті минут уақытыңызды алады. Жеке деректер жиналмайды (құпиялылық туралы мәлімдеме).