Opret et tema til din portal

Når du vil bygge portaler med portalegenskaber til Microsoft Dynamics 365, skal du bruge Bootstrap-front end-strukturen. Ved at udnytte Bootstrap-økosystem kan du hurtigt og nemt mærke disse portaler i forhold til din organisation.

Implementere portalskabeloner ved hjælp af Bootstrap

Bootstrap er en front-end-struktur, der indeholder CSS og JavaScript-komponenter til fælles grænsefladeelementer i webprogrammer. Det indeholder typografier til navigationselementer, formularer, knapper og et gitterlayoutsystem med hurtig reaktion, som gør det muligt for webstedets layout dynamisk at tilpasse sig enheder, der har forskellige skærmstørrelser, f.eks. telefoner og tablets. Ved hjælp af Bootstrap layoutsystemet er det muligt at udvikle et enkelt websted, der giver en passende grænseflade til alle de enheder, dine kunder måtte bruge.

De skabeloner, der følger med Dynamics 365-portaler, er implementeret ved hjælp af Bootstrap-standardkomponenter med minimale yderligere brugerdefinerede typografier. Så når du implementerer skabelonerne, kan du drage fordel af Bootstrap-tilpasningsmulighederne. Du kan tilpasse temaet (skrifttyper, farver og så videre) hurtigt og på en måde, som anvendes konsekvent på tværs af portalen.

Tilpasse Bootstrap

Bootstrap understøtter tilpasning ved hjælp af et sæt af variabler. Du kan angive alle eller nogle af disse variabler til brugerdefinerede værdier og derefter hente en brugerdefineret version af Bootstrap, der er kompileret på baggrund af disse værdier.

Styrken i Bootstrap-variabler er, at de ikke dikterer typografien for de enkelte elementer. Alle typografier i strukturen er baseret på og afledt af disse værdier. Overvej f.eks. variablen @font-size-base. Dette angiver den størrelse, som Bootstrap tildeler til normal brødtekst. Men Bootstrap bruger også denne variabel til at angive skriftstørrelsen til overskrifter og andre elementer. Størrelsen på et h1-element kan defineres som 300 procent af størrelsen af @font-size-base. Ved at indstille denne ene variabel styrer du hele den typografiske skala for din portal på en ensartet måde. På samme måde styrer variablen @link-color farven på links. Uanset hvilken farve du tildeler denne værdi, definerer Bootstrap farven for at pege på links som 15 procent mørkere end din brugerdefinerede værdi.

Som standard oprettes en brugerdefineret version af Bootstrap via det officielle Bootstrap-websted. Men på grund af den store udbredelse af Bootstrap er mange tredjepartswebsteder også blevet oprettet til dette formål. Disse websteder kan angive en mere brugervenlig grænseflade til tilpasning af Bootstrap eller kan give foruddefinerede versioner af Bootstrap, som du kan hente. Det officielle websted for Bootstrap-tilpasseren indeholder flere oplysninger om Bootstrap-tilpasning. Webstedet vil altid være helt opdateret, men i øjeblikket er visse funktioner i brugergrænsefladen ikke omfattet, f.eks. farvevælgere og livevisninger.

Når du henter en tilpasset version af Bootstrap, indeholder den følgende mappestruktur.

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

Eller afhængigt af det tilpasserprogram, der bruges, indeholder den måske kun bootstrap.min.css. Uanset hvad, er bootstrap.min.css den fil, der indeholder dine tilpasninger. De andre filer er de samme for alle tilpassede versioner af Bootstrap og er allerede inkluderet i din Dynamics 365-portal.

Anvende et brugerdefineret Bootstrap-tema på dit websted

Når du har din brugerdefinerede version af bootstrap.min.css, kan du anvende den på din portal på en af to måder. Hvis du er udvikler og foretrækker at arbejde direkte med kildekoden til dit program, kan du overskrive den version af bootstrap.min.css, der findes i din programkilde, med din tilpassede version. I de fleste tilfælde anbefales det at anvende dit brugerdefinerede Bootstrap-tema uden at ændre din webstedskode ved at sende det som en webfil i systemet til administration af indhold på Dynamics 365-portalen.

  1. Log på til dit program som bruger med rettigheder til indholdsstyring. Flere oplysninger: Konfigurere webroller for en PRM-portal.
  2. Gå til startsiden i programmet.
  3. Vælg Underordnede > Rediger denne fil (knappen med blyant og papir) for bootstrap.min.css fra værktøjslinjen til redigering af indhold (findes i øverste højre hjørne af browservinduet).
  4. Vælg din brugerdefinerede bootstrap.min.css-fil ved hjælp af feltet Overfør fil i dialogen Rediger denne fil, der vises.
  5. Sørg for, at feltet Delvis URL-adresse er indstillet til bootstrap.min.css. Denne værdi angiver for strukturen på Dynamics 365-portalen, at den skal bruge din tilpassede version af Bootstrap i stedet for den inkluderede standardversion.
  6. Du kan også markere afkrydsningsfeltet Skjult i webstedsoversigt (er markeret som standard), så filen ikke vises for brugere i navigationselementer på webstedet.
  7. Gem filen.
  8. Opdater siden, så vises de brugerdefinerede typografier med det samme.

På nedenstående skærmbillede vises et eksempel på en brugerdefineret version af Bootstrap, der er anvendt på communityportalen:

Anvende et brugerdefineret bootstrap-tema på dit websted

Yderligere indstillinger for portaltemaer

Ud over en brugerdefineret version af Bootstrap understøtter Dynamics 365-portaler overførsel af dine egne brugerdefinerede CSS-filer til systemet til administration af indhold. Her kan du anvende yderligere typografier på din portal uden at skulle installere en ny version af dens kode. Hvis du vil gøre det, skal du bare følge den procedure, der er beskrevet tidligere for overførsel af brugerdefineret Bootstrap CSS, ved hjælp af en fil, der indeholder din egen CSS, og derefter vælge en ny Delvis URL-adresse for denne webfil. Så længe den delvise URL-adresse ender på .css, kan Dynamics 365-portaler genkende den og anvende den på dit websted.

Sammen med en tilpasset version af Bootstrap kan du bruge systemet til redigering af indhold til at føje et brugerdefineret logo og mærke til din portalheader. Med disse enkle, men effektive muligheder, skal du kun bruge et par minutter, før dit Dynamics 365-portalprogram afspejler dit varemærke.

Se også

Deltage i communities ved hjælp af communityportalen
Konfigurere en Dynamics 365-portal