Een sectie stijlen, opslaan en hergebruiken.

Bouw één sectie met zorg en gebruik hem opnieuw op elke pagina die hem nodig heeft. Je stijlt een open-dagcallout met witruimte, een groter lettertype, merkkleuren en ronde hoeken. Dan sla je de pagina op, bewaar je de sectie als sjabloon en voeg je hem opnieuw in. Elke stijlstap heeft zijn eigen handleiding als je meer detail wilt.

De video stijlt de callout, slaat hem op als sjabloon en voegt hem een tweede keer in.

Voordat je begint

• Je kunt een pagina bewerken met DXPR Builder, en hij heeft een sectie om in te werken. Zie Je eerste pagina bouwen.

Instellen

1. Klik op + in de sectie, open het tabblad Inhoud van de elementenkiezer en kies Tekst. Zijn dialoogvenster opent.
2. Typ je aankondiging en zet zijn eerste regel op Kop 2.
3. Open het paneel Stijl van hetzelfde dialoogvenster en zet de boven- en onderkant van Opvulling op 40 pixels in het boxmodel.
4. Zet Lettergrootte op 20.
5. Kies een witte Letterkleur en een marineblauwe Achtergrond.
6. Zet Randradius op 12 en klik op Opslaan.
7. Klik op Opslaan op de DXPR Builder-werkbalk.
8. Wijs naar de callout en klik op More op de buitenste besturingsbalk, die voor de hele sectie, en kies dan Opslaan als sjabloon, typ een Sjabloonnaam, vink Globaal sjabloon en klik op Opslaan.
9. Klik op + op de DXPR Builder-werkbalk, open het tabblad Opgeslagen sjablonen en klik op je sjabloon.
10. Klik op Opslaan op de DXPR Builder-werkbalk.

Wat je ziet

De callout is een marineblauw blok met witte, grotere tekst, ruimte boven en onder, en ronde hoeken. Na stap 9 staat er een tweede kopie op de pagina. De kopie is onafhankelijk: wijzig zijn tekst en de eerste callout blijft zoals hij was. Je sjabloon wacht nu in het tabblad Opgeslagen sjablonen op elke pagina. Met Globaal sjabloon aangevinkt zien andere editors hem ook.

Elke stijlstap heeft zijn eigen handleiding:

• Witruimte: opvulling en marges in het boxmodel.
• Typografie: lettergrootte en letterkleur.
• Kleur en branding: kleuren die bij je merk passen.
• Randen en slagschaduwen: randradius, randstijl en slagschaduw.
• Achtergronden: kleuren, afbeeldingen en effecten achter een element.
• Rijen en kolommen en Responsief ontwerp: lay-outs en schermgroottes.
• Gebruikerssjablonen en Tabblad Opgeslagen sjablonen: secties opslaan en hergebruiken.

Als je je sjabloon niet ziet

• Het sjabloon staat niet in het tabblad Opgeslagen sjablonen. Het opslaan is niet voltooid, of je bent op een andere site. Sla de sectie opnieuw op vanuit zijn More-menu en controleer op de sjabloonnaam in Zoeken.
• Het More-menu heeft de hele pagina opgeslagen in plaats van de sectie. Je hebt More gebruikt op de DXPR Builder-werkbalk. Gebruik More op de eigen besturingsbalk van de sectie, de buitenste.
• De tekst werd niet groter of wit. Je hebt de instellingen van een ander element gewijzigd. Open de Instellingen van het Tekst-element zelf en controleer Lettergrootte en Letterkleur in zijn paneel Stijl.

Wat nu?

• Gebruikerssjablonen: beheer, deel en verwijder je sjablonen.
• Ontwerphandleidingen: kleur, knoppen, kaarten en lay-outs over de volle breedte.