Urejanje CSS za teme
Opomba
- Od oktobra 2022 najprej se portal Power Apps imenuje Power Pages.
- S 26. februarjem 2024 bo stari studio za portale Power Apps ukinjen. Za urejanje spletnih mest namesto tega uporabite oblikovalski studio za Power Pages. Več informacij: studio za portale Power Apps bo opuščen
- Ta tema je za starejše zmožnosti. Za najnovejše informacije si oglejte dokumentacijo za Microsoft Power Pages.
Seznami slogov (CSS) vam omogočajo nadzor nad oblikovanjem vašega spletnega mesta. Privzeto so na voljo datoteke bootstrap.min.css in theme.css. Urejate lahko obstoječe datoteke CSS in naložite nove datoteke CSS. Ko naložite novo datoteko CSS, bo na voljo kot spletna datoteka v aplikaciji Upravljanje portala.
Pomembno
Portali Power Apps temeljijo na knjižnici Bootstrap 3.3.x, razen Portal dogodka. Razvijalci portala ne bi smeli nadomestiti knjižnice Bootstrap 3 z drugimi knjižnicami CSS, saj so nekateri primeri na portalih Power Apps odvisni od knjižnice Bootstrap 3.3.x. Za več informacij glejte razdelka Razumevanje ogrodja Bootstrap in Prilagoditev možnosti Bootstrap v tem članku.
Odprite CSS v urejevalniku kode
Če želite odpreti CSS v urejevalniku kode, uredite portal da ga odprete v Power Apps portals Studio.
Izberite ikono Tema
na levi strani zaslona. Prikažejo se razpoložljive teme.
Izberite želeni CSS, da ga odprete v urejevalniku kode.
Uredite kodo in shranite spremembe.
Naložite novo CSS datoteko
Če želite naložiti novo CSS datoteko, uredite portal da jo odprete v Power Apps portals Studio.
Izberite ikono Tema
na levi strani zaslona. Prikažejo se razpoložljive teme.Izberite Naloži datoteko CSS po meri
Prebrskajte in izberite datoteko CSS, ki jo želite naložiti.
Izbrišite CSS datoteko po meri
Datoteke CSS so shranjene kot spletne datoteke.
Za odstranitev datoteke CSS, pojdite na Aplikacija za upravljanje portala in izberite Spletne datoteke.
Poiščite zapis datoteke CSS. Pri iskanju pravilnega zapisa boste morda morali filtrirati pri vrednostih Ime in Spletno mesto.
Ko ste izbrali zapis spletne datoteke, izberite Izbriši.
V Studiu za portale izberite Konfiguracija sinhronizacije, da počistite spremembe sloga datoteke CSS po meri.
Razumevanje ogrodja Bootstrap
Bootstrap je ogrodje za prikazni del, ki vključuje komponente CSS in JavaScript za splošne elemente vmesnika spletnih aplikacij. Vključuje sloge za elemente za krmarjenje, obrazce, gumbe in sistem prilagodljive mrežne postavitve, ki omogoča, da se postavitev strani dinamično prilagodi napravam z različno velikimi zasloni, kot so telefoni in tablični računalniki. Z uporabo sistema postavitve Bootstrap lahko razvijete eno mesto, ki ima primeren vmesnik za vse naprave, ki jih vaše stranke lahko uporabljajo.
Predloge, vključene v portale, se uveljavijo z uporabo standardnih komponent Bootstrap s kar najmanj dodatnimi slogi po meri. Pri uporabi predlog lahko izkoristite možnosti prilagajanja ogrodja Bootstrap. Hitro in dosledno po celotnem portalu lahko prilagodite temo (pisave, barve itd.).
Prilagoditev možnosti Bootstrap
Bootstrap podpira prilagajanje z uporabo nabora spremenljivk. Vse te spremenljivke lahko nastavite na prilagojene vrednosti in nato prenesete prilagojeno različico ogrodja Bootstrap, ki je prevedena glede na te vrednosti.
Zmogljivost spremenljivk Bootstrap je, da ne določajo sloga samo enega elementa. Vsi slogi v ogrodju so osnovani na teh vrednostih in iz njih izpeljani. Na primer, upoštevajte spremenljivko @font-size-base. Določa velikost, ki jo bo Bootstrap dodelil telesu navadnega besedila. Vendar pa Bootstrap to spremenljivko uporablja tudi za označevanje velikosti pisave naslovov in drugih elementov. Velikost elementa H1 je lahko določena na 300-odstotno velikost spremenljivke @font-size-base. Z nastavitvijo te spremenljivke lahko torej nadzorujete celotno tipografijo vašega portala in zagotovite doslednost. Podobno pa spremenljivka @link-color nadzira barvo hiperpovezav. Za barvo, ki jo dodelite tej vrednosti, bo Bootstrap določil, da je barva pri premiku kazalca miške nad povezavami za 15 odstotkov temnejša od vaše prilagojene vrednosti.
Standardni način za ustvarjanje prilagojenih različic Bootstrap je prek uradne strani Bootstrap. A zaradi priljubljenosti ogrodja Bootstrap je bilo za ta namen ustvarjenih mnogo strani drugih ponudnikov. Te strani lahko zagotavljajo za uporabo preprostejši vmesnik za prilagajanje ogrodja Bootstrap ali pa vnaprej oblikovane različice Bootstrap, ki jih lahko prenesete. Mesto uradnega prilagojevalca Bootstrap ponuja več informacij o prilagoditvah Bootstrap.
Vaša prenesena prilagojena različica Bootstrap vsebuje naslednjo strukturo imenika.
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
Odvisno od uporabljene aplikacije prilagojevalca pa lahko vsebuje tudi samo »bootstrap.min.css«. Ne glede na to pa je »bootstrap.min.css« datoteka, ki vsebuje vaše prilagoditve. Druge datoteke so enake za vse prilagojene različice ogrodja Bootstrap in so že vključene v vaš portal.
Glejte tudi
Opomba
Ali nam lahko poveste, kateri je vaš prednostni jezik za dokumentacijo? Izpolnite kratko anketo. (upoštevajte, da je v angleščini)
Z anketo boste porabili približno sedem minut. Ne zbiramo nobenih osebnih podatkov (izjava o zasebnosti).