Teeman luominen portaalille

Kun rakennat portaaleja Microsoft Dynamics 365:n portaalin luontiominaisuuksien avulla, käytät Käynnistys-edustakehystä. Hyödyntämällä Käynnistys-ekosysteemiä voit nopeasti ja helposti brändätä nämä portaalit vastaamaan organisaatiotasi.

Ota käyttöön portaalin mallit Käynnistysin avulla

Käynnistyson edustakehys, joka sisältää CSS- ja JavaScript-komponentteja yhteisiin verkkosovelluksen käyttöliittymän osiin. Se sisältää tyylejä siirtymisosiin, lomakkeita, painikkeita ja vastaavan ruudukonasettelujärjestelmän, joka mahdollistaa sivuston asettelujen dynaamisesti mukautua laitteisiin, joissa on eri kokoisia näyttöjä, kuten puhelimet ja tabletit. Käyttämällä Käynnistys-asettelujärjestelmää on mahdollista kehittää yksi sijainti, joka näyttää sopivan käyttöliittymän kaikkiin laitteisiin, joita asiakkaat saattavat käyttää.

Mallit, jotka ovat mukana Dynamics 365-portaaleissa, otetaan käyttöön käyttämällä Käynnistys-vakiokomponentteja mahdollisimman vähäisillä mukautetuilla tyyleillä. Joten kun mallit otetaan käyttöön, voit hyödyntää Käynnistys-mukauttamisasetuksia. Voit mukauttaa teeman (fontit, värit jne.) nopeasti ja tavalla, joka on johdonmukainen koko portaalissa.

MukauttaminenKäynnistys

Käynnistys tukee mukauttamista muuttujajoukon kautta. Voit määrittää mukautetun arvon mille tahansa näistä mukautetuista arvoista ja sitten ladata mukautetun version Käynnistysista, joka on koottu näiden arvojen perusteella.

Käynnistys-muuttujien teho perustuu siihen, että ne eivät vain sanele yhden elementin tyyliä. Kaikki kehyksen tyylit perustuvat sitten näihin arvoihin ja johdetaan niistä. Otetaan esimerkiksi muuttuja @font-size-base. Tämä määrittää koon, jonka Käynnistys määrittää normaalille leipätekstille. Kuitenkin Käynnistys käyttää myös tätä muuttujaa osoittamaan fonttikoon otsikoille ja muille elementeille. H1-elementin kooksi voidaan määrittää 300 % @font-size-base-koosta. Kun määrität yhden muuttujan, ohjaat portaalin koko typografista asteikkoa johdonmukaisella tavalla. Vastaavasti @link-color-muuttuja ohjaa hyperlinkkien väriä. Käynnistys määrittää tälle arvolle asetetun värin perusteella linkkien valintaväriksi 15 prosenttia mukautettua arvoa tummemman arvon.

Tavallisin tapa luoda mukautettu versio Käynnistysista on virallisen Käynnistys-sivuston kautta. Kuitenkin Käynnistysin suosion vuoksi lukuisia kolmannen osapuolen sivustoja on myös luotu tähän tarkoitukseen. Nämä sivustot saattavat tarjota helppokäyttöisemmän käyttöliittymän Käynnistysin mukauttamiseen tai Käynnistysin ennalta suunniteltuja versioita, joita voit ladata. Virallisessa Käynnistys-mukauttajasivustossa on lisätietoja Käynnistys-mukauttamisesta. Tämä on aina päivitetyin kohde mutta ei sisällä tällä hetkellä tiettyjä käyttöliittymäominaisuuksia, kuten värivalitsinta ja reaaliaikaista esikatselua.

Kun lataat mukautetun version Käynnistysista, se sisältää seuraavan kansiorakenteen.

css/ |-- bootstrap.min.css img/
|-- glyphicons-halflings-white.png |-- glyphicons-halflings.png js/ |-- bootstrap.min.js

Tai käytetystä mukauttajasovelluksesta riippuen se voi myös sisältää tiedoston bootstrap.min.css. Tästä huolimatta bootstrap.min.css. on mukautukset sisältävä tiedosto. Muut tiedostot ovat samat kaikille Käynnistysin mukautetuille versioille ja siten sisältyvät jo Dynamics 365-portaaliin.

Mukautetun Käynnistys-teeman käyttöönotto sivustossa

Kun sinulla on mukautettu bootstrap.min.css, voit käyttää sitä portaalissa jollakin seuraavista tavoista. Jos olet kehittäjä ja haluat käsitellä sovelluksen lähdekoodia, voit korvata sovelluksen lähteeseen sisältyvän bootstrap.min.css-version mukautetulla versiolla. Useimmissa tapauksissa kuitenkin suosittelemme, että käytät mukautettua Käynnistys-teemaa sivustokoodia muuttamatta lataamalla sen verkkotiedostona Dynamics 365 -portaalien sisällönhallintajärjestelmään.

  1. Kirjaudu sovellukseen käyttäjänä, jolla on sisällön hallintaoikeudet. Lisätietoja: PRM-portaalin verkkoroolien määrittäminen.
  2. Siirry sovelluksen aloitussivulle.
  3. Valitse Alikohteet >Muokkaa tätä tiedostoa (kynä- ja paperipainike) kohdassa bootstrap.min.css sisällön muokkaustyökaluriviltä (sijaitsee selainikkunan oikeassa yläkulmassa).
  4. Valitse mukautettu bootstrap.min.css-tiedosto näkyviin tulevan Muokkaa tätä tiedostoa -valintaikkunan Lataa tiedosto -kentässä.
  5. Varmista, että Osittainen URL-osoite -kentän arvoksi on määritetty bootstrap.min.css. Tämä arvo ilmaisee Dynamics 365-portaalin kehykselle, että sen tulee käyttää mukautettua versiota Käynnistysista mukana olevan oletusversion sijaan.
  6. Voit myös halutessasi valita Piilotettu sivustokartasta -valintaruudun (valittuna oletusarvoisesti), jotta tämä tiedosto ei näy käyttäjille missään sivuston siirtymisosassa.
  7. Tallenna tiedosto.
  8. Päivitä sivu, jolloin mukautetut tyylit näkyvät heti.

Alla oleva näyttökuva on esimerkki yhteisöportaalissa käytetystä Käynnistysin mukautetusta versiosta:

Mukautetun bootstrap-teeman käyttöönotto sivustossa

Muita portaalin teema-asetuksia

Käynnistysin mukautetun version lisäksi Dynamics 365-portaalit tukevat omien mukautettujen CSS-tiedostojen lataamista sisällönhallintajärjestelmään. Näin voit käyttää lisätyylejä portaalissa ilman, että sinun täytyy ottaa käyttöön uutta versiota sen koodista. Voit tehdä tämän noudattamalla aiemmin kuvattua toimintoa mukautetun Käynnistys CSS:n lataamisesta käyttämällä tiedostoa, joka sisältää oman CSS:si, ja valitsemalla sitten uusi Osittainen URL-osoite tälle verkkotiedostolle. Kunhan Osittainen URL-osoite päättyy merkkeihin .css,, Dynamics 365-portaalit tunnistavat sen ja käyttävät sitä sivustossasi.

Käynnistysin mukautetun version lisäksi voit, sisällönmuokkausjärjestelmää käyttämällä, lisätä mukautetun logon ja tuotemerkin portaalisi ylätunnisteeseen. Näitä yksinkertaisia mutta tehokkaita vaihtoehtoja käyttämällä olet vain muutaman minuutin päässä siitä, että Dynamics 365-portaalisovellus on tuotemerkin mukainen.

Katso myös

Yhteisöihin osallistuminen yhteisöportaalin avulla
Määritä Dynamics 365 -portaali