Lezen in het Engels

Delen via


CSS-bestanden beheren

Met Cascading Style Sheets (CSS) kunt u de opmaak en stijl van uw site beheren.

Standaard zijn voor nieuwe Power Pages-sites de bestanden bootstrap.min.css, thema.css en portalbasictheme.css geïnstalleerd als onderdeel van de sitesjablonen.

U kunt de stijl wijzigen met de werkruimte Stijl of u kunt uw eigen aangepaste CSS-bestanden uploaden.

Wanneer u een nieuw CSS-bestand uploadt, is het als een webbestand beschikbaar in de app Portalbeheer.

Notitie

Power Pages-sites gebruiken Bootstrap 3.3.x. Siteontwikkelaars mogen Bootstrap 3 niet door andere CSS-bibliotheken vervangen aangezien enkele van de scenario's in Power Pages afhankelijk zijn van Bootstrap 3.3.x. Meer informatie: Bootstrap-soverzicht.

Aangepaste CSS-bestanden beheren in de werkruimte Stijl

  1. Ga naar Power Pages.

  2. Selecteer Bewerken op de site waaraan u een pagina wilt toevoegen.

  3. Selecteer de werkruimten Stijl.

  4. Selecteer de optie CSS beheren onder Meer opties in de werkruimte Stijl.

    CSS-bestanden beheren met ontwerpstudio.

CSS-bestanden uploaden

In het paneel CSS beheren ziet u een lijst met de standaard CSS-bestanden:

  • bootstrapmin.css
  • thema.css
  • portalbasictheme.css

Als u uw aangepaste CSS-bestand wilt uploaden, selecteert u Uploaden en kiest u uw aangepaste CSS-bestand.

CSS-bestanden uploaden met ontwerpstudio.

Notitie

  • U kunt aangepaste CSS-bestanden van maximaal 1 MB uploaden.
  • Zodra het aangepaste CSS-bestand is geüpload, wordt het voorbeeld aan de rechterkant weergegeven.
  • De geüploade aangepaste CSS-bestanden zijn van toepassing voor alle thema's.

Meer opties

Selecteer ... (beletselteken) rechts van het aangepaste CSS-bestand, waar u het bestand hoger of lager in prioriteit kunt verplaatsen en het aangepaste CSS-bestand uitschakelt.

Notitie

CSS-bestanden die onderaan worden vermeld, hebben een hogere prioriteit. Dit betekent dat als twee bestanden een update met dezelfde eigenschap bevatten, de update in het bestand lager in de lijst wordt toegepast.

Volgorde van prioriteit voor CSS-bestanden.

Architectuur

Elk aangepast CSS-bestand heeft een lagere prioriteit dan het standaardbestand portalbasictheme.css en een hogere prioriteit dan thema.css. Deze instelling van prioriteit is bedoeld om het aanpassen van stijlen met behulp van het stijlpaneel voor kant-en-klare stijlopties aan te moedigen.

Notitie

We raden aan om aangepaste CSS te gebruiken om alleen stijlen op te maken die niet standaard in het stijlvenster worden geleverd.

Waarschuwing

U moet niet de weergavevolgorde van een standaard CSS-bestand (bootstrap.min.css, theme.css of portalbasictheme.css) deactiveren, verwijderen of wijzigen. U ziet een fout in de ontwerpstudio.
Werk CSS-bestanden bij met de app Portalbeheer.
Open de app Portalbeheer om de standaardstatus en weergavevolgorde van de standaard CSS-bestanden te herstellen om het probleem op te lossen.

Een aangepast CSS-bestand verwijderen

  1. De CSS-bestanden worden opgeslagen als webbestanden. Als u het aangepaste CSS-bestand wilt verwijderen, gaat u naar de app Portalbeheer en selecteert u Webbestanden.

  2. Zoek de record van het CSS-bestand. Mogelijk moet u filteren op de waarden Naam en Website om de juiste record te vinden.

  3. Nadat de webbestandsrecord is geselecteerd, selecteert u Verwijderen.

  4. Selecteer in de ontwerpstudio de optie Configuratie synchroniseren om de opmaakwijzigingen uit de aangepaste CSS te wissen.

Zie ook