Werken met sjablonen
In dit artikel wordt beschreven hoe u werkt met sjablonen in Microsoft Dynamics 365 Commerce.
Zoals wordt besproken in Overzicht sjablonen en indelingen, wordt met sjablonen de set opties bepaald die beschikbaar zijn voor auteurs. Sjablonen zijn om verschillende redenen nuttig voor het webontwerpteam van een onderneming. Goed gestructureerde sjablonen helpen bij alle volgende doelstellingen:
De ontwerpfunctionaliteit voor het dagelijks werk van inhoudseditors vereenvoudigen.
- Filteren van moduleopties zodat alleen de relevante modules worden weergegeven voor een bepaalde paginasectie. (Een marketingsectie van een sjabloon kan bijvoorbeeld worden geconfigureerd voor het uitfilteren van irrelevante modules die nooit in die context mogen worden gebruikt en die de taken voor het ontwerpen van inhoud complex maken als ze worden weergegeven.)
- Standaard module-instelling configureren om de ontwerpefficiëntie te helpen verbeteren.
- Standaard paginafragmenten definiëren om efficiënter te kunnen ontwerpen. (Bijvoorbeeld: kop- en voettekstfragmenten in een sjabloon worden automatisch op elke downstreampagina weergegeven.)
Zorgen dat bedrijfssites de merkrichtlijnen volgen door een goedgekeurde set indelings- en configuratieopties te definiëren voor modules.
Tip
Succesvolle e-commercesites bieden klanten een gebruikservaring (UX) met vertrouwde, herhaalbare en merkconforme ontwerppatronen. Met behulp van sjablonen kunt u de consistentie op de hele site beheren.
Verbeter de optimalisatiescores van de zoekmachine (SEO) met herhaalde en programmatisch gedefinieerde paginadefinities en metagegevens.
Notitie
Hoewel sjablonen zijn ontworpen om de consistentie over een site te beheren, kunnen ze in theorie zo worden geconfigureerd dat ze geen consistentie afdwingen. Merk- en sitebeheerders kunnen elk niveau van variabiliteit definiëren voor de pagina's op de site. Een sjabloon kan bijvoorbeeld geheel open blijven, zodat inhoudontwerpers elk gewenst paginaontwerp kunnen maken. In dit geval zijn geen van de voordelen in de bovenstaande lijst van toepassing.
Een sjabloon wijzigen
Sjablonen worden gewijzigd met de sjablooneditor.
Voer een van de volgende stappen uit om de sjablooneditor in Commerce Site Builder te openen:
- Selecteer in het navigatievenster van uw site de optie Sjablonen en selecteer vervolgens de sjabloon die u wilt wijzigen.
- Selecteer in de pagina-editor voor een bestaande pagina het bovenste knooppunt in de overzichtsstructuur aan de linkerkant. Selecteer vervolgens in het eigenschappenvenster aan de rechterkant de optie Sjabloon bewerken.
In de overzichtsweergave links worden de moduleopties en structuren weergegeven die beschikbaar zijn voor onderliggende indelingen en pagina's. Wanneer u een module selecteert in de overzichtsstructuur, kunt u de sjablooneigenschappen voor de geselecteerde module weergeven in het eigenschappenvenster rechts. Sommige van deze eigenschappen zijn uniek voor het bewerken van sjablonen. Deze eigenschappen worden in de onderstaande tabel beschreven.
| Naam van eigenschap. | Beschrijving |
|---|---|
| Min. voorvallen | Met deze eigenschap wordt het minimumaantal exemplaren voor de geselecteerde module gedefinieerd. Als de waarde bijvoorbeeld is ingesteld op 1, is de module vereist voor auteurs van onderdelen. Als de waarde is ingesteld op 0 (nul), is de module optioneel. |
| Max. voorvallen | Met deze eigenschap wordt het maximumaantal exemplaren voor de geselecteerde module gedefinieerd. Als de waarde bijvoorbeeld is ingesteld op 1, kan de module slechts één keer worden toegevoegd. |
| Min. modules (Containers) | Voor modules die andere modules bevatten (containermodules), definieert u met deze eigenschap het minimumaantal modules dat als onderliggende elementen moet worden toegevoegd. Voor een carrouselmodule kan de waarde bijvoorbeeld worden ingesteld op een getal dat groter is dan 1. |
| Max. modules (Containers) | Voor containermodules definieert u met deze eigenschap het maximumaantal modules dat als onderliggende elementen moet worden toegevoegd. Voor een carrouselmodule kan de waarde bijvoorbeeld worden ingesteld op een getal dat kleiner is dan 10. |
| Vergrendeld | Naast alle eigenschappen van de basismodule wordt een vergrendeld Boolean-besturingselement weergegeven. Hiermee kan de sjabloonauteur een module-instelling in de sjabloon vergrendelen. Een module-instelling die vergrendeld is, kan niet worden overschreven door onderliggende indelingen of pagina's. Het wordt een centraal bewerkbare eigenschapswaarde voor alle indelingen en pagina's die de sjabloon gebruiken. |
Een nieuwe sjabloon maken
Voer de volgende stappen uit om een nieuwe sjabloon te maken in Site Builder.
- Selecteer in het navigatievenster van uw site de optie Sjablonen om het sjablooncontrolevenster te openen.
- Selecteer Nieuwe sjabloon.
- Voer in het dialoogvenster voor het maken van sjablonen een naam en een beschrijving in voor de sjabloon. De waarden die u invoert, worden weergegeven voor auteurs die nieuwe pagina's maken. Voer daarom metagegevens in die nuttig zijn voor auteurs van de pagina. Voer bijvoorbeeld Deze sjabloon gebruiken om algemene marketingpagina's te maken in als omschrijving. Deze metagegevens kunnen later worden bewerkt.
- Klik op OK om de nieuwe sjabloon te maken en de sjablooneditor te openen. In de sjablooneditor wordt links een overzichtsstructuur weergegeven en aan de rechterkant een eigenschappenvenster.
- Vouw in de overzichtsstructuur de knooppunten uit en selecteer het vak HTML-kop.
- Als dit vak nog geen modules bevat, selecteert u de knop met het weglatingsteken (...) en vervolgens Module toevoegen.
- Selecteer in het dialoogvenster Module toevoegen de optie Standaard paginaoverzicht en selecteer vervolgens OK.
- Selecteer in de overzichtsstructuur de nieuwe module en voer vervolgens in het eigenschappenvenster alle standaardinstellingen in die automatisch moeten worden geconfigureerd voor alle onderliggende pagina's van de sjabloon. Als u geen standaardinstellingen wilt instellen, laat u de waarden leeg.
- Selecteer in de overzichtsstructuur het vak Hoofdtekst, selecteer de knop met het weglatingsteken en vervolgens Module toevoegen.
- Selecteer een paginacontainermodule (er kan slechts één optie zijn) en selecteer vervolgens OK.
Onder de containermodule voor nieuwe pagina's wordt een nieuwe set met vakken (kop, hoofd, enzovoort) weergegeven. Hier kunt u de moduleopties toevoegen en configureren die beschikbaar zijn voor auteurs wanneer ze pagina's maken op basis van deze sjabloon. Als u geen modules aan een vak toevoegt, worden standaard alle beschikbare moduletypen voor dat vak ondersteund.
De sjabloon is nu geldig en kan worden opgeslagen, ingecheckt en gebruikt om nieuwe pagina's te maken. In de volgende drie secties worden echter enkele andere standaardinstellingen beschreven die u mogelijk eerst wilt configureren.
Een kop- en voettekst toevoegen
Als uw site al een koptekstfragment heeft, voert u de volgende stappen in Site Builder uit om een koptekst en een voettekst aan een sjabloon toe te voegen.
- Vouw in de overzichtsstructuur het vak met de hoofdtekst en de onderliggende paginamodule uit.
- Selecteer het vak Kop.
- Selecteer de knop met het weglatingsteken voor het vak Kop en selecteer Fragment toevoegen.
- Zoek en selecteer het koptekstfragment van de site en selecteer vervolgens OK.
Alle pagina's die de sjabloon gebruiken zullen dit koptekstfragment nu automatisch overnemen.
Zie Een fragment maken voor informatie over het maken van de site en het uitvoeren van de vorige procedure als de site nog geen koptekstfragment heeft.
Het sjabloonthema wijzigen
Voer de volgende stappen in Site Builder uit om het standaardthema in te stellen voor alle pagina's die een sjabloon gebruiken.
- Vouw in de overzichtsstructuur aan de linkerkant het vak met de hoofdtekst uit.
- Selecteer in het vak met de hoofdtekst de paginacontainermodule (bijvoorbeeld standaardpagina).
- Selecteer in het eigenschappenvenster aan de rechterkant een thema in het veld Thema.
Standaard wordt op alle nieuwe pagina's het geselecteerde thema gebruikt. Als u wilt voorkomen dat deze instelling door pagina's wordt overschreven op indelings- of paginaniveau, steltu het vergrendelde Boolean-besturingselement in op True.
Een script aan een sjabloon toevoegen
U kunt HTML-<script>-elementen die JavaScript bevatten, aan uw sjabloon toevoegen. Op deze manier kunt u het standaardscriptgedrag bepalen voor de secties HTML-kop, begin en einde hoofdtekst van de pagina's.
Voer de volgende stappen uit om een script toe te voegen aan een sjabloon in Site builder.
- Selecteer in de overzichtsstructuur aan de linkerkant het vak waaraan u het <script>-element wilt toevoegen (bijvoorbeeld HTML-kop, begin of einde van hoofdtekst).
- Selecteer de knop met het weglatingsteken voor het vak en selecteer Module toevoegen.
- Selecteer in het dialoogvenster Module toevoegen een scriptmodule (bijvoorbeeld extern script of inline script).
- Voer in het eigenschappenvenster aan de rechterkant in het desbetreffende besturingselement voor de scripteigenschap (bijvoorbeeld inline script of scriptcodes) het script in.
- Voer in het eigenschappenvenster de overige optionele instellingen in die u wilt configureren.
Tip
Als u scriptmodules opnieuw wilt gebruiken voor andere sjablonen, kunt u deze converteren naar fragmenten. Op deze manier zorgt u ervoor dat het ontwerpproces efficiënter verloopt en kunt u het updateproces centraliseren. Zie Een bestaande moduleconfiguratie als fragment opslaan voor informatie over het converteren van een scriptmodule naar een fragment.
Een sjabloon opslaan, inchecken, vooraf bekijken en publiceren
Voer de volgende stappen uit om een sjabloon in Site Builder op te slaan en in te checken.
- Selecteer de optie Opslaan boven aan de sjablooneditor. Opgeslagen wijzigingen zijn niet van invloed op vervolgpagina's totdat ze zijn ingecheckt.
- Selecteer Bewerken voltooien. Uw wijzigingen zijn nu detecteerbaar voor vervolgworkflows.
Als u de wijzigingen wilt bekijken, opent u een bestaande pagina die de sjabloon gebruikt of maakt u een nieuwe pagina op basis van de sjabloon.
Nadat u een voorbeeld van de wijzigingen in de sjabloon hebt bekeken, volgt u een van deze stappen om de sjabloon naar uw live site te publiceren:
- Ga naar Sjablonen, selecteer de sjabloon en selecteer Publiceren.
- Selecteer de indelingsnaam om de indelingseditor te openen en selecteer vervolgens Publiceren.
- Publiceer een pagina die verwijst naar de niet-gepubliceerde sjabloon. De sjabloon wordt automatisch gepubliceerd.
Waarschuwing
Wanneer een sjabloon of een ander CMS-item (Content Management System) wordt gepubliceerd, kan dit op internet worden gedetecteerd. Publiceer geen documenten of elementen totdat u klaar bent om deze openbaar te maken. Documentversies die zijn opgeslagen en ingecheckt maar nog niet zijn gepubliceerd, kunnen alleen worden gedetecteerd door geverifieerde systeemgebruikers.
De naam van een sjabloon wijzigen
Voer de volgende stappen uit om de naam van een bestaande sjabloon te wijzigen in Site Builder.
- Selecteer Sjablonen in het deelvenster voor navigatie aan de linkerkant.
- Selecteer de naam van de sjabloon waarvan u de naam wilt wijzigen.
- Selecteer Bewerken om de sjabloon te gaan bewerken. U kunt een sjabloon niet bewerken als iemand anders de sjabloon al aan het bewerken is.
- Selecteer in het deelvenster met eigenschappen voor sjablonen het pensymbool naast de naam van de sjabloon.
- Bewerk de naam van de sjabloon indien nodig.
- Selecteer het vinkje om de naamswijziging te bevestigen.
- Selecteer Bewerken voltooien.