Looge oma portaali jaoks kujundus

Kui loote portaale, kasutades rakenduse Dynamics 365 portaalivõimalusi, siis kasutate selleks Alglaaduri eesraamistikku. Kasutades ära alglaaduri Alglaadur ökosüsteemi, saate need portaalid kiiresti ja hõlpsalt oma organisatsiooni kaubamärgi jaoks kujundada.

Portaali mallide rakendamine Alglaaduri abil

Alglaadur Alglaadur on eesraamistik, mis sisaldab üldise veebirakenduse liidese elementide CSS-i ja JavaScripti komponente. See sisaldab navigeerimiselementide, vormide ja nuppude laade ning ruudustiku tundlikku paigutussüsteemi, mis võimaldab saidi paigutustel erineva ekraanisuurusega seadmetega (näiteks telefonide ja tahvelarvutitega) dünaamiliselt kohaneda. Alglaaduri Alglaadur paigutussüsteemi kasutamisega on võimalik arendada üks sait, mis pakub sobivat liidest kõigile seadmetele, mida teie kliendid kasutada võivad.

Rakenduse Dynamics 365 portaalidega kaasnevad mallid juurutatakse standardsete Alglaaduri komponentide abil, lisades täiendavaid kohandatud laade minimaalselt. Seega saate mallide rakendamisel kasutada ära Alglaaduri kohandamisvõimalusi. Saate kujundust (fonte, värve jne) kiiresti kohandada, nii et see rakendub ühtlaselt kogu portaalis.

Alglaaduri kohandamine

Alglaadur toetab kohandamist muutujate komplekti kaudu. Saate ühele või kõigile muutujatele määrata kohandatud väärtused ja laadida seejärel alla nende väärtuste põhjal koostatud Alglaaduri kohandatud versiooni.

Alglaaduri muutujate võimsus seisneb selles, et nad ei määra ainult ühe elemendi laadi. Kõik raamistiku laadid luuakse ja tuletatakse nende väärtuste põhjal. Võtame näiteks muutuja @font-size-base. See määrab suuruse, mille alglaadur Alglaadur rakendab tavapärasele kehatekstile. Peale selle kasutab alglaadur Alglaadur seda muutujat ka pealkirjade ja muude elementide kirjasuuruse määramiseks. Elemendi H1 suurus võib olla määratletud kui 300 protsenti elemendi @font-size-base suurusest. Selle ühe muutuja määramisega juhite portaali kogu tüpograafilist skaalat ühtsel viisil. Sellele sarnaselt juhib hüperlinkide värvi muutuja @link-color. Sellele väärtusele määratud värvi puhul määratleb Alglaadur linkide kohal liikumise värviks kohandatud väärtusest 15 protsenti tumedama väärtuse.

Alglaaduri kohandatud versioon luuakse tavapäraselt ametliku Alglaaduri saidi kaudu. Nüüd on tänu Alglaaduri populaarsusele selleks loodud ka palju muude tootjate saite. Need saidid võivad Alglaaduri kohandamiseks pakkuda hõlpsamini kasutavat liidest või pakkuda allalaadimiseks Alglaaduri eelkujundatud versiooni. Ametlikult Alglaaduri kohandaja saidilt leiate lisateavet Alglaaduri kohandamise kohta.

Kui laadite alla Alglaaduri kohandatud versiooni, sisaldab see järgmist kataloogistruktuuri.

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

Olenevalt kasutatavast kohandaja rakendusest võib see sisaldada ka ainult faili bootstrap.min.css. Sellest olenemata on kohandusi sisaldavaks failiks bootstrap.min.css. Muud failid on kõigi väärtuse Alglaadur kohandatud versioonide puhul samad ja rakenduse Dynamics 365 portaaliga juba kaasas.

Veebisaidile kohandatud väärtuse Alglaadur kujunduse lisamine

Kui teil on kohandatud fail bootstrap.min.css olemas, saate selle oma portaalile rakendada kahel viisil. Kui olete arendaja ja eelistate töötada otse rakenduse lähtekoodiga, saate rakenduse allikas oleva faili bootstrap.min.css versiooni kohandatud versiooniga üle kirjutada. Enamasti soovitame siiski rakendada Alglaaduri kohandatud kujundust, ilma et oma saidi koodi muudaksite, laadides selle üles veebifailina Dynamics 365-i portaali sisuhaldussüsteemis.

  1. Logige oma rakendusse sisse kasutajana, kellel on sisu haldamise õigused. Lisateave: Veebirollide konfigureerimine PRM-i portaali jaoks
  2. Minge oma rakenduse Kodu lehele.
  3. Valige brauseriakna paremas ülanurgas asuvalt sisu redigeerimise tööriistaribalt Alamüksus > Redigeeri seda faili (pliiatsi ja paberiga nupp) faili bootstrap.min.css jaoks.
  4. Valige avanevas dialoogiboksis Selle faili redigeerimine väljalt Faili üleslaadimine kohandatud fail bootstrap.min.css.
  5. Veenduge, et välja Osaline URL väärtus oleks bootstrap.min.css. See väärtus viitab Dynamics 365-i portaali raamistikule, et see kasutaks kaasasoleva vaikeversiooni asemel Alglaaduri kohandatud versiooni.
  6. Samuti võite märkida ruudu Peida saidikaardi eest (vaikimisi märgitud), et faili ei kuvataks kasutajatele saidi navigeerimiselementides.
  7. Valige käsk Salvesta.
  8. Lehe värskendamisel kuvatakse teie kohandatud laadid kohe.

Järgmisel kuvatõmmisel on näide kogukonnaportaalile rakendatud Alglaaduri kohandatud versioonist.

Kohandatud alglaaduri kujunduse lisamine veebisaidile

Täiendavad portaali kujundusvalikud

Peale Alglaaduri kohandatud versiooni toetavad Dynamics 365-i portaalid ka teie enda kohandatud CSS-failide sisuhaldussüsteemi üleslaadimist. Nii saate oma portaalile rakendada täiendavaid laade ilma, et peaksite juurutama selle koodi uut versiooni. Selleks järgige lihtsalt eelnevalt kirjeldatud Alglaaduri kohandatud CSS-i üleslaadimise protseduuri, kasutades seekord enda CSS-i sisaldavat faili, ja valige siis veebifaili jaoks uus osaline URL. Kui osaline URL lõpeb laiendiga .css, tunnevad Dynamics 365-i portaalid selle ära ja rakendavad selle teie saidile.

Alglaaduri Alglaadur kohandatud versiooniga koos saate kasutada ka sisu redigeerimise süsteemi, mille abil saate oma portaali päisesse lisada kohandatud logo ja kaubamärgi. Nende lihtsate, kuid võimsate võimaluste abil kulub Dynamics 365-i portaali rakenduse teie kaubamärgile vastavaks muutmiseks vaid mõni minut.

Vt ka

Kaasatus kogukondades, kasutades kogukonnaportaali
Dynamics 365 portaali konfigureerimine