E-mailstijlen beheren :headding-anchor:managing-styles

Als u in de e-mailontwerper een element selecteert, worden in het dialoogvenster Settings venster. U kunt deze opties gebruiken om de stijl van uw e-mail gemakkelijk te veranderen.

Een element selecteren :headding-anchor:selecting-an-element

Als u een element wilt selecteren in de interface E-mailontwerper, kunt u:

  • klik rechtstreeks in de e-mail,
  • of door de beschikbare boomstructuur bladeren met de opties links Palet.

Door in de boomstructuur te bladeren, kunt u een nauwkeurigere selectie maken. U kunt kiezen uit:

  • de volledige structuurcomponent,
  • een van de kolommen waaruit de structuurcomponent bestaat,
  • of alleen een component die zich in een kolom bevindt.

Als u een kolom wilt selecteren, kunt u ook het volgende doen:

  1. Selecteer een structuurcomponent (rechtstreeks in de e-mail of met de boomstructuur die beschikbaar is aan de linkerkant) Palet).
  2. Van de contextwerkbalk, klikt u op Select a column om de gewenste kolom te kiezen.

Zie een voorbeeld in deze sectie.

Stijlinstellingen aanpassen :headding-anchor:adjusting-style-settings

  1. Selecteer een element in uw e-mail. Zie voor meer informatie Een element selecteren.

  2. Pas de instellingen naar wens aan. Elk geselecteerd element heeft een andere set instellingen.

    U kunt achtergronden invoegen, grootten wijzigen, horizontale of verticale uitlijning wijzigen, kleuren beheren, toevoegen opvulling of marge, enzovoort.

    Hiervoor gebruikt u de opties in het dialoogvenster Settings deelvenster of inline-opmaakkenmerken toevoegen.

  3. Sla uw inhoud op.

Opvulling en marge aanpassen :headding-anchor:about-padding-and-margin

Met de e-mailDesigner-interface kunt u snel opvulling- en marge-instellingen aanpassen.

Padding: met deze instelling kunt u de ruimte beheren die zich binnen de rand van een element bevindt.

Bijvoorbeeld:

  • Gebruik opvulling om marges in te stellen aan de linker- en rechterzijde van een afbeelding.
  • Opvulling boven en onder gebruiken om meer ruimte aan een object toe te voegen Text of Divider component.
  • Als u randen tussen kolommen in een structuurelement wilt instellen, definieert u de opvulling voor elke kolom.

Margin: met deze instelling kunt u de ruimte tussen de rand van het element en het volgende element beheren.

NOTE
Afhankelijk van uw selectie (structuurcomponent, kolom of inhoudscomponent), is het resultaat niet hetzelfde. Adobe raadt aan de Padding en Margin parameters op kolomniveau.

Voor beide Padding en Margin Klik op het vergrendelingspictogram om de synchronisatie tussen de parameters boven en onder of rechts en links te verbreken. Hierdoor kunt u elke parameter afzonderlijk aanpassen.

Stijluitlijning :headding-anchor:about-alignment

  • Tekstuitlijning: plaats de cursor van de muis op bepaalde tekst en gebruik de contextafhankelijke werkbalk om deze uit te lijnen.

  • Horizontale uitlijning kan worden toegepast op tekst, afbeeldingen en knoppen - momenteel niet op de knop Divider en Social componenten.

  • In te stellen verticale uitlijning selecteert u een kolom in een structuurcomponent en kiest u een optie in het deelvenster Instellingen.

Achtergronden instellen :headding-anchor:about-backgrounds

Als het gaat om het instellen van achtergronden met de e-mailontwerper, raadt de Adobe het volgende aan:

  1. Pas een achtergrondkleur toe op de tekst van uw e-mail, indien dat door uw ontwerp wordt vereist.
  2. In de meeste gevallen stelt u achtergrondkleuren in op kolomniveau.
  3. Probeer geen achtergrondkleuren te gebruiken voor afbeeldings- of tekstcomponenten, omdat deze moeilijk te beheren zijn.

Hieronder vindt u de beschikbare achtergrondinstellingen die u kunt gebruiken.

  • Een Background color voor de hele e-mail. Selecteer de instellingen voor de hoofdtekst in de boomstructuur die toegankelijk is in het linkerpalet.

  • Dezelfde achtergrondkleur voor alle structuurcomponenten instellen door Viewport background color. Met deze optie kunt u een andere instelling selecteren dan de achtergrondkleur.

  • Stel een andere achtergrondkleur in voor elke structuurcomponent. Selecteer een structuur in de boomstructuur die toegankelijk is vanuit het linkerpalet als u alleen een specifieke achtergrondkleur op die structuur wilt toepassen.

    Zorg ervoor dat u geen achtergrondkleur voor de viewport instelt, omdat hierdoor de achtergrondkleuren van de structuur kunnen worden verborgen.

  • Een Background image voor de inhoud van een structuurcomponent.

    note note
    NOTE
    Sommige e-mailprogramma's ondersteunen achtergrondafbeeldingen niet. Als deze optie niet wordt ondersteund, wordt in plaats daarvan de achtergrondkleur van de rij gebruikt. Selecteer de gewenste achtergrondkleur voor fallback als de afbeelding niet kan worden weergegeven.
  • Stel een achtergrondkleur in op kolomniveau.

    note note
    NOTE
    Dit is het meest gebruikte geval. Adobe raadt aan achtergrondkleuren in te stellen op kolomniveau, omdat dit meer flexibiliteit biedt bij het bewerken van de volledige e-mailinhoud.

    U kunt ook een achtergrondafbeelding instellen op kolomniveau, maar dit wordt zelden gebruikt.

Voorbeeld: verticale uitlijning en opvulling aanpassen :headding-anchor:example--adjusting-vertical-alignment-and-padding

U wilt de opvulling en de verticale uitlijning aanpassen binnen een structuurcomponent die uit drie kolommen bestaat. Hiervoor voert u de volgende stappen uit:

  1. Selecteer de structuurcomponent rechtstreeks in de e-mail of met behulp van de boomstructuur die beschikbaar is aan de linkerkant Palet.

  2. Van de contextwerkbalk, klikt u op Select a column en kiest u het bestand dat u wilt bewerken. U kunt deze ook selecteren in de boomstructuur.

    De bewerkbare parameters voor die kolom worden weergegeven in het dialoogvenster Settings aan de rechterkant.

  3. Onder Vertical alignment, selecteert u Up.

    De inhoudcomponent wordt vóór de kolom weergegeven.

  4. Onder Padding Definieer de opvulling boven in de kolom. Klik op het vergrendelingspictogram om de synchronisatie met de onderste opvulling te verbreken.

    Definieer de linker- en rechteropvulling voor die kolom.

  5. Ga op dezelfde manier te werk om de uitlijning en opvulling van de andere kolommen aan te passen.

  6. Sla uw wijzigingen op.

U kunt een koppeling onderstrepen en de kleur en het doel ervan selecteren in de e-mailontwerper.

  1. In een component waar een verbinding wordt opgenomen, selecteer de etikettekst van uw verbinding.

  2. Controleer in de componentinstellingen of Underline link om de labeltekst van uw koppeling te onderstrepen.

  3. Als u wilt selecteren in welke browsercontext de koppeling wordt geopend, selecteert u een Target.

  4. Klik op Link color.

  5. Kies de gewenste kleur.

  6. Sla uw wijzigingen op.

Inline-opmaakkenmerken toevoegen :headding-anchor:adding-inline-styling-attributes

Wanneer u in de interface E-mailontwerper een element selecteert en de instellingen van het element in het zijpaneel weergeeft, kunt u de inline-kenmerken en de bijbehorende waarde voor dat specifieke element aanpassen.

  1. Selecteer een element in de inhoud.

  2. Op het zijpaneel, zoek naar Styles Inline instellingen.

  3. Wijzig de waarden van de bestaande kenmerken of voeg nieuwe kenmerken toe met de + knop. U kunt alle kenmerken en waarden toevoegen die CSS-compatibel zijn.

De stijl wordt vervolgens toegepast op het geselecteerde element. Als voor de onderliggende elementen geen specifieke stijlkenmerken zijn gedefinieerd, wordt de opmaak van het bovenliggende element overgeërfd.

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff