Prezentare generală a temelor
Notă
- Începând din octombrie 2022, portalurile Power Apps sunt Power Pages.
- Începând cu 26 februarie 2024, vechiul Studio pentru portaluri Power Apps va fi retras. Folosiți studioul de proiectare Power Pages pentru a vă edita site-urile. Mai multe informații: Studioul pentru portaluri Power Apps urmează să fie retras
- Acest subiect se aplică pentru capacitățile vechi. Pentru cele mai recente informații, accesați documentația Microsoft Power Pages.
În portalurile Power Apps, caracteristica Activați tema de bază este setată pe Dezactivat. Când activați această caracteristică, puteți utiliza teme implicite numite Presetări. De asemenea, puteți crea copii ale temelor presetate pentru particularizarea suplimentară.
În acest articol, veți parcurge caracteristica temelor de bază. Pentru particularizarea avansată a temelor, consultați Editare CSS.
Activați temele de bază pentru portalurile existente
Conectați-vă la Power Apps.
Selectați Aplicații în panoul de navigare din stânga și apoi selectați portalul.
Selectați Mai multe comenzi (...) și apoi selectați Editare.
Selectați Teme din panoul de navigare din stânga, apoi porniți butonul comutare Activați tema de bază.
Modificați tema pentru portalul dvs.
Puteți seta orice temă existentă în portalul dvs. la o temă implicită.
Conectați-vă la Power Apps.
Selectați Aplicații în panoul de navigare din stânga și apoi selectați portalul.
Selectați Mai multe comenzi (...) și apoi selectați Editare.
Selectați Temă din panoul componentelor.
Selectați orice temă implicită din presetările disponibile (în exemplul nostru am selectat Verde).
Tema selectată este aplicată portalului dumneavoastră.
Notă
După modificarea temei sau a proprietăților temei, cum ar fi culorile din Studio, selectați Răsfoiți site-ul web pentru a vizualiza modificările într-o filă separată a browserului. Dacă faceți mai multe modificări folosind această metodă și treceți la diferite pagini din browser, memoria cache învechită a browserului poate face ca browserul dvs. să afișeze modificări de temă care nu sunt dintre cele mai recente. Dacă se întâmplă acest lucru, utilizați Ctrl + F5 pentru a reîncărca pagina.
Creați o temă nouă
Conectați-vă la Power Apps.
Selectați Aplicații în panoul de navigare din stânga și apoi selectați portalul.
Selectați Mai multe comenzi (...) și apoi selectați Editare.
Selectați Temă din panoul componentelor.
Selectați Temă nouă.
Editare detalii temă
Puteți actualiza numele temei, descrierea, culoarea și alte setări de tipografie în Power Apps Studio.
Conectați-vă la Power Apps.
Selectați Aplicații în panoul de navigare din stânga și apoi selectați portalul.
Selectați Mai multe comenzi (...) și apoi selectați Editare.
Selectați Temă din panoul componentelor.
Selectați tema care este aplicată în prezent sau selectați o temă nouă din presetări. Selectarea unei teme deschide panoul de detalii din partea dreaptă a spațiului de lucru.
Editați detaliile temei, cum ar fi numele, descrierea și culoarea pentru diferite zone.
Opțiune culoare Zonă afectată Principal Culoare linkuri și butoane. Antet Culoare fundal antet. Textul meniului antet Culoare text pentru meniul antet. Trecere cu mouse-ul pentru meniul antet Culoarea de fundal a elementelor din meniu atunci când sunt plasate peste. Fundal corp Culoarea de fundal a secțiunii corp. Fundal subsol Culoarea de fundal pentru subsol. Text subsol Culoare text subsol. Salvați și publicați modificările.
Copiați o temă prestabilită
Conectați-vă la Power Apps.
Selectați Aplicații în panoul de navigare din stânga și apoi selectați portalul.
Selectați Mai multe comenzi (...) și apoi selectați Editare.
Selectați Temă din panoul componentelor.
Selectați tema din presetările pe care doriți să le copiați, selectați ..., apoi selectați Particularizați.
Actualizați detaliile temei așa cum este descris în secțiunea precedentă, apoi salvați tema.
Variabile Sass
Sass este un limbaj stylesheet cu sintaxă compatibilă completă CSS. Când activați funcția temă de bază, puteți utiliza Variabilele Sass în loc de valori pentru a configura culorile temei.
De exemplu, dacă doriți culoarea Antet să fie cu 25 la sută mai deschisă decât culoarea Primară, puteți utiliza următoarea valoare în loc de o culoare specifică:
lighten($primaryColor, 25%);
Puteți utiliza următoarele variabile Sass cu teme de bază:
| Opțiune culoare | Nume variabilă Sass |
|---|---|
| Principal | $primaryColor |
| Antet | $headerColor |
| Textul meniului antet | $headerMenuTextColor |
| Trecere cu mouse-ul pentru meniul antet | $headerMenuHoverColor |
| Fundal corp | $bodyBackground |
| Fundal subsol | $footerColor |
| Text subsol | $footerTextColor |
Comandă variabilă Sass
Variabilele Sass funcționează de sus în jos. Puteți seta culoarea Antet pe lighten($primaryColor, 25%);. Dar nu puteți seta culoarea Primară pe lighten($headerColor, 25%); deoarece Antet este sub Primar în lista de opțiuni de culoare.
Considerații temă de bază
- Nu puteți avea două teme cu același nume de temă sau același nume de fișier.
- Orice valoare de culoare introdusă manual trebuie să fie pentru o culoare validă.
- Schimbarea CSS pentru temele prestabilite nu este acceptată.
- Raportul de temă recomandat și raportul de contrast de fundal este de 4,5: 1, pentru accesibilitate.
Pașii următori
Consultați și
Power Apps Studio pentru portaluri
Crearea și gestionarea paginilor web
Editor WYSIWYG
Notă
Ne puteți spune care preferințele dvs. lingvistice pentru documentație? Răspundeți la un chestionar scurt. (rețineți că acest chestionar este în limba engleză)
Chestionarul va dura aproximativ șapte minute. Nu sunt colectate date personale (angajament de respectare a confidențialității).