Temų apžvalga
Pastaba
- Nuo 2022 m. spalio mėn. „Power Apps“ portalai tampa „Power Pages“.
- Nuo 2024 m. vasario 26 d. senieji „Power Apps“ portalai „Studio“ nebebus naudojami. Vietoj to naudokite „Power Pages“ dizaino studiją, kad galėtumėte redaguoti savo svetaines. Daugiau informacijos: „Power Apps“ portalai „Studio“ išeinama į pensiją
- Ši tema taikoma senesnėms galimybėms. Norėdami gauti naujausios informacijos, eikite į „Microsoft Power Pages“ instrukciją.
„Power Apps“ portaluose funkcija Įjungti pagrindinę temą yra nustatyta kaip Išjungta. Įjungę šią funkciją, galite naudoti numatytąsias temas, vadinamas išankstinėmis. Taip pat galite kurti išankstinių temų kopijas ir jas papildomai tinkinti.
Šiame straipsnyje susipažinsite su pagrindinių temų funkcija. Apie išplėstinį temų tinkinimą žr. temoje CSS redagavimas.
Esamų portalų pagrindinių temų įjungimas
Prisijunkite prie Power Apps.
Kairiojoje naršymo srityje pasirinkite Programos, tada – portalą.
Pasirinkite Daugiau komandų (...), tada – Redaguoti.
Kairiojoje naršymo srityje pasirinkite Temos, tada įjunkite perjungiklį Įjungti pagrindinę temą.
Portalo temos keitimas
Bet kurią esamą portalo temą galite nustatyti kaip numatytąją temą.
Prisijunkite prie Power Apps.
Kairiojoje naršymo srityje pasirinkite Programos, tada – portalą.
Pasirinkite Daugiau komandų (...), tada – Redaguoti.
Komponentų srityje pasirinkite Tema.
Iš galimų išankstinių temų pasirinkite bet kurią numatytąją temą (pavyzdyje pasirinkome Žalia).
Pasirinkta tema pritaikoma jūsų portale.
Pastaba
Pakeitę temą arba temos ypatybes, pvz., „Studio” spalvas, pasirinkite Naršyti svetainę ir peržiūrėkite pakeitimus atskirame naršyklės skirtuke. Jei naudodami šį būdą atliksite keitimus ir naršyklėje perjungsite įvairius puslapius, dėl pasenusios naršyklės talpyklos jūsų naršyklė gali rodyti temos pakeitimus, kurie nėra naujausi. Jei taip nutinka, norėdami iš naujo įkelti puslapį, naudokite „Ctrl” + F5.
Naujos temos kūrimas
Prisijunkite prie Power Apps.
Kairiojoje naršymo srityje pasirinkite Programos, tada – portalą.
Pasirinkite Daugiau komandų (...), tada – Redaguoti.
Komponentų srityje pasirinkite Tema.
Pasirinkite Nauja tema.
Temos informacijos redagavimas
Temos pavadinimą, aprašą, spalvą ir kitus tipografijos parametrus galite atnaujinti programoje „Power Apps Studio“.
Prisijunkite prie Power Apps.
Kairiojoje naršymo srityje pasirinkite Programos, tada – portalą.
Pasirinkite Daugiau komandų (...), tada – Redaguoti.
Komponentų srityje pasirinkite Tema.
Pasirinkite šiuo metu pritaikytą temą arba naują temą iš išankstinių. Pasirinkus temą, dešinėje darbo srities pusėje atidaroma informacijos sritis.
Redaguokite temos informaciją, pvz., pavadinimą, aprašą ir skirtingų sričių spalvą.
Spalvos parinktis Paveikta sritis Pirminis Mygtukų ir saitų spalvos. Antraštė Antraštės fono spalva. Antraštės meniu tekstas Antraštės meniu teksto spalva. Laikymas virš antraštės meniu Meniu elementų fono spalva, kai virš jų užvedama pele. Teksto fonas Pagrindinio skyriaus fono spalva. Poraštės fonas Poraštės fono spalva. Poraštės tekstas Poraštės teksto spalva. Įrašykite ir publikuokite keitimus.
Išankstinės temos kopijavimas
Prisijunkite prie Power Apps.
Kairiojoje naršymo srityje pasirinkite Programos, tada – portalą.
Pasirinkite Daugiau komandų (...), tada – Redaguoti.
Komponentų srityje pasirinkite Tema.
Pažymėkite temą iš išankstinių parametrų, kuriuos norite kopijuoti, pažymėkite ... ir tada rinkitės Tinkinti.
Atnaujinkite temos informaciją, kaip aprašyta ankstesniame skyriuje, tada temą įrašykite.
„Sass“ kintamieji
„Sass“ yra stilių aprašo kalba, kurios sintaksė yra visiškai suderinama su CSS. Įjungę pagrindinės temos funkciją, temos spalvoms konfigūruoti vietoj reikšmių galite naudoti „Sass“ kintamuosius.
Pavyzdžiui, jei norite, kad antraštės spalva būtų 25 procentais šviesesnė už pirminę spalvą, vietoj konkrečios spalvos galite naudoti šią reikšmę:
lighten($primaryColor, 25%);
Su pagrindinėmis temomis galite naudoti tolesnius „Sass“ kintamuosius.
| Spalvos parinktis | „Sass“ kintamojo pavadinimas |
|---|---|
| Pirminis | $primaryColor |
| Antraštė | $headerColor |
| Antraštės meniu tekstas | $headerMenuTextColor |
| Laikymas virš antraštės meniu | $headerMenuHoverColor |
| Teksto fonas | $bodyBackground |
| Poraštės fonas | $footerColor |
| Poraštės tekstas | $footerTextColor |
„Sass“ kintamųjų tvarka
„Sass“ kintamieji veikia iš viršaus į apačią. Antraštės spalvą galite nustatyti kaip lighten($primaryColor, 25%);. Tačiau pirminės spalvos kaip lighten($headerColor, 25%); nustatyti negalite, nes spalvų parinkčių sąraše antraštės spalva yra žemiau pirminės.
Pagrindinės temos aspektai
- Negali būti dviejų temų tuo pačiu pavadinimu arba tuo pačiu temos failo pavadinimu.
- Patys galite įvesti tik tinkamos spalvos reikšmę.
- Išankstinių temų CSS keitimo galimybė nepalaikoma.
- Neįgaliesiems pritaikytas rekomenduojamas temos priekinio plano ir fono spalvų kontrastingumo santykis yra 4,5:1.
Paskesni veiksmai
Taip pat žr.
„Power Apps“ portalų studija
Tinklalapių kūrimas ir valdymas
WYSIWYG rengyklė
Pastaba
Ar galite mums pranešti apie dokumentacijos kalbos nuostatas? Atlikite trumpą apklausą. (atkreipkite dėmesį, kad ši apklausa yra anglų kalba)
Apklausą atliksite per maždaug septynias minutes. Asmeniniai duomenys nėra renkami (privatumo nuostatos).