Ustvarjanje teme za vaš portal

Pri izgradnji portalov z zmogljivostmi portala za Dynamics 365 boste uporabljali ogrodje za prikazni del Bootstrap. Z uporabo ekosistema Bootstrap lahko hitro in preprosto dodate znamke tem portalom za svojo organizacijo.

Uporaba predlog portala z ogrodjem Bootstrap

Bootstrap je ogrodje za prikazni del, ki vključuje komponente CSS in JavaScript za splošne elemente vmesnika spletnih programov. 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 stran, ki ima primeren vmesnik za vse naprave, ki jih vaše stranke lahko uporabljajo.

Predloge, vključene v portale Dynamics 365, 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.).

Prilagajanje ogrodja 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. Vzemimo na primer 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 Dynamics 365.

Uporaba tem Bootstrap po meri na vašem spletnem mestu

Datoteko »bootstrap.min.css« po meri lahko uporabite v portalu na enega od dveh načinov. Če ste razvijalec in raje delate neposredno z izvorno kodo programa, lahko različico datoteke »bootstrap.min.css«, ki je vključena v vir programa, prepišete s prilagojeno različico. Vendar pa je v večini primerov priporočljivo, da temo Bootstrap po meri uporabite brez spreminjanja kode spletnega mesta, tako da jo kot spletno datoteko naložite v sistem za upravljanje vsebine portala Dynamics 365.

  1. Prijavite se v program kot uporabnik z dovoljenji za upravljanje vsebin. Več informacij: Konfiguracija spletnih vlog za portal PRM
  2. Odprite stran Domov v programu.
  3. Izberite Podrejeni elementi >Uredi to datoteko (gumb s svinčnikom in papirjem) za bootstrap.min.css iz orodne vrstice za urejanje vsebine (v zgornjem desnem kotu v oknu brskalnika).
  4. V polju Prenos datoteke pogovornega okna »Uredi to datoteko«, ki se prikaže, izberite datoteko »bootstrap.min.css« po meri.
  5. Zagotovite, da je polje Delni URL nastavljeno na »bootstrap.min.css«. Ta vrednost za ogrodje portala Dynamics 365 določi, da namesto vključene privzete različice uporabi vašo prilagojeno različico Bootstrap.
  6. Lahko tudi potrdite polje Skrito na zemljevidu mesta (privzeto izbrano), da onemogočite prikaz datoteke uporabnikom v katerih koli elementih za krmarjenje na spletnem mestu.
  7. Izberite Shrani.
  8. Osvežite stran in vaši slogi po meri se bodo takoj prikazali.

Spodnji posnetek zaslona je primer prilagojene različice ogrodja Bootstrap, uporabljene na portalu skupnosti.

Uporaba teme bootstrap po meri na vašem spletnem mestu

Dodatne možnosti za teme portala

Poleg prilagojene različice Bootstrap portali Dynamics 365 podpirajo tudi nalaganje vaših lastnih prilagojenih datotek CSS v sistem za upravljanje vsebine. Ta možnost vam omogoča uporabo dodatnih slogov na vašem portalu, ne da bi vam bilo treba uvesti novo različico kode. Če to želite storiti, upoštevajte prej navedena navodila za nalaganje prilagojenega jezika CSS za Bootstrap, pri čemer uporabite datoteko, ki vsebuje vaš CSS, in nato izberite nov delni URL za to spletno datoteko. Dokler ima delni URL končnico .css, ga bodo portali Dynamics 365 prepoznali in ga uporabili za vaše mesto.

S prilagojeno različico Bootstrap lahko uporabljate sistem za urejanje vsebine, da dodate logotip in znamko po meri v glavo portala. S temi enostavnimi, a zmogljivimi možnostmi vas od programa portala Dynamics 365, ki odraža vašo znamko, ločuje le nekaj minut.

Glejte tudi

Sodelovanje s skupnostmi, ki uporabljajo portal skupnosti
Konfiguracija portala Dynamics 365