[Beta]{class="badge informative"}
Brandthema's gebruiken voor e-mailinhoud email-brand-themes
Met thema's kunnen niet-technische ontwerpers herbruikbare richtlijnen voor het ontwerpen van e-mailinhoud maken die zijn afgestemd op een specifiek merk en een specifieke stijl. Thema's stellen marketers in staat visueel aantrekkelijke, merkgebonden e-mails sneller en met minder moeite te gebruiken en bieden geavanceerde aanpassingsopties voor unieke ontwerpbehoeften.
Themarichtsnoeren en -beperkingen themes-guidelines
Houd bij het werken met thema's rekening met de volgende richtlijnen en beperkingen:
-
Wanneer u een e-mail of e-mailmalplaatje van een leeg canvas (ontwerp van kras) creeert, kunt u wijze van het Thema kiezen beginnen uw inhoud te bouwen gebruikend een thema om specifieke het stileren toe te passen die uw merk en ontwerp past. Als u Handmatige wijze kiest, kunt u geen thema toepassen tenzij u het ontwerp voor het e-mailmalplaatje of e-mailmalplaatje terugstelt.
-
de Fragmenten zijn niet dwars-compatibel tussen de wijze van het Thema en Handmatige wijze in de e-mailinhoud. Om een fragment in e-mailinhoud te gebruiken waar een thema wordt toegepast, moet het fragment ook op wijze van het Thema worden gecreeerd.
-
Als u een aangepast thema wijzigt, worden niet automatisch alle e-mails of e-mailsjablonen opgeslagen die het al gebruiken. Bewerk de inhoud voor elk thema om het thema te vernieuwen.
-
Als u een thema verwijdert, heeft dit geen invloed op een e-mail- of e-mailsjabloon waarop het al is toegepast.
Een merkthema maken create-theme
Definieer uw eigen merkthema dat u kunt toepassen op de inhoud van uw e-mailsjabloon en e-mailsjabloon in uw toekomstige e-mailinhoud.
-
Gebruik een van de volgende methoden om toegang te krijgen tot de themagereedschappen:
-
creeer een nieuw e-mailmalplaatje en klik Edit email template om de Design your template pagina te lanceren.
-
Klik op … More rechtsboven in de ontwerpruimte voor e-mailinhoud en kies Change your design .
Klik in het bevestigingsdialoogvenster op Change template om de ontwerppagina te openen.
-
-
Kies Create or edit themes in de ontwerppagina.
-
Selecteer het standaardthema of gebruik een van de Adobe-thema's die u wilt gebruiken als beginpunt.
note note NOTE Als u één van uw douanethema's (My themes) als uitgangspunt wilt gebruiken, kunt u het dupliceren en de themanaam veranderen wanneer u het thema uitgeeft. -
Klik op Create.
De pagina Create a theme bevat een canvas met de bestaande elementen van alle typen tekst, knoppen en containers uit het beginthema.
-
Gebruik de juiste navigatie om de verschillende tabbladen voor themastijlen te openen en de themainstellingen te wijzigen:
De visuele elementen veranderen op het canvas aangezien u de nieuwe themamontages bepaalt. Als het resultaat niet is wat u wilt, kunt u klikken ongedaan maakt (
-
Klik op Save wanneer de themadefinitie is voltooid.
-
Klik op Close om terug te keren naar de Create a theme pagina en vervolgens op Cancel om terug te keren naar de ontwerppagina.
U kunt Design from scratch dan kiezen om de visuele ontwerpruimte te openen en het thema voor e-mail of malplaatje gebruiken.
Algemene instellingen
Definieer op het tabblad General settings de basisparameters voor uw thema:
-
Voer een uniek Theme name in.
-
Pas de Viewport width aan voor de e-mailinhoud (tekst). Gebruik de pijlen omhoog en omlaag om de breedte te vergroten of te verkleinen of voer de waarde in (in pixels).
Kleuren
Selecteer het tabblad Colors en gebruik de instellingen om het themakleurenpalet te definiëren.
-
Klik op Edit om het kleurenpalet weer te geven dat de kleuren voor uw thema bevat.
Kies een Preset om een kleurenschema voor het thema te gebruiken, of pas elke kleur in de reeks aan. U kunt ook een combinatie van beide gebruiken.
Voor het geselecteerde gekleurde vierkant bovenaan kunt u de kleur instellen door een bekende RGB-, HSL-, HSB- of hexadecimale waarde in te voeren. U kunt ook de schuifregelaar Kleur en het kleurveld gebruiken om de kleur te selecteren.
Klik de Achterste pijl om de hulpmiddelen van het kleurenpalet te sluiten.
-
Klik Add variant om veelvoudige kleurenvarianten, zoals a licht en donkere wijze tot stand te brengen, waar elke variant zijn eigen kleurenpalet en nuancecontroles heeft. U kunt maximaal zes varianten hebben.
Voor elke variant, klik uitgeven (
Verplaats voor elke kleur die u voor de variant wilt wijzigen de schakeloptie naar links of rechts om deze uit te schakelen of in te schakelen. Voor een ingeschakelde kleurinstelling klikt u op het kleurvakje om de kleur te kiezen.
accordion Kleurinstellingen variëren De instellingen worden gegroepeerd op type:
table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 Type Instellingen Beschrijving General 
Deze instellingen bepalen de kleuren voor tekst, structuren, containers, achtergronden, koppelingen, rasters en randen. Headings 
Deze instellingen zijn van toepassing op Heading-elementen, waar u tekst en randkleuren kunt instellen voor elk van de zes kopniveaus. Breid elk kopniveau uit dat u de kleur voor de variant wilt plaatsen.Paragraphs 
Deze instellingen zijn van toepassing op Paragraph-elementen, waar u tekst en randkleuren kunt instellen voor elk van de drie alineatypen. Breid elk paragraaftype uit dat u de kleur voor de variant wilt plaatsen.Buttons 
De montages zijn op knoopelementen van toepassing, waar u de vullingskleur, grenskleur, en tekstkleur voor elk van de drie knoop vooraf instelt: Primair, Secundair, en Tertiair.
Tekstinstellingen
Op het tabblad Text settings kunt u de algemene lettertypen, stijlen en grootten instellen die u voor uw thema wilt gebruiken. Voor meer korrelige controle, kunt u deze parameters voor rubriek en paragraaftypes ook uitgeven.
| table 0-row-3 1-row-3 2-row-3 3-row-3 | ||
|---|---|---|
| Type | Instellingen | Beschrijving |
| Global |
|
Stel de Font library in op Standard of Google Fonts . Kies vervolgens de lettertypefamilie die u wilt gebruiken. Deze algemene tekstinstellingen worden overal toegepast, tenzij u verschillende tekststijlen instelt voor de kopniveaus en alineatypen. |
| Headings |
|
Selecteer H1 , H2 , enzovoort voor het kopniveau dat u wilt instellen. Stel de Font library in op Standard of Google Fonts . Kies vervolgens de lettertypefamilie, -grootte en -stijl. Kies Text alignment: Linker, Gecentreerd, Juist, of Uitgelijnd. |
| Paragraphs |
|
Selecteer P1 , HP , enzovoort voor het kopniveau dat u wilt instellen. Stel de Font library in op Standard of Google Fonts . Kies vervolgens de lettertypefamilie, -grootte en -stijl. Pas de Line height naar wens aan. Kies Text alignment: Linker, Gecentreerd, Juist, of Uitgelijnd. |
Tussenruimte en rand
Op het tabblad Spacing kunt u de opvulling en marge voor de verschillende elementtypen instellen. Kies bij Select type het inhoudstype. Stel vervolgens de opvulling, marges, hoeken en randen in die van toepassing zijn op dat elementtype.
| table 0-row-3 1-row-3 2-row-3 3-row-3 | ||
|---|---|---|
| Type | Instellingen | Beschrijving |
| Margins |
|
Kies het pictogram van de Marge aan vertoningsmontages die de CSS margin parameter herhalen, die aan de ruimte buiten een componentengrens controleert en het van andere componenten/elementen scheidt. Er ontstaat een tussenruimte rondom de component om de positionering en lay-out van omringende inhoud te beïnvloeden. Stel de margewaarden in pixels in op basis van uw ontwerpvereisten. U kunt de marge voor alle zijden, de bovenkant-bodem, de linkerkant, of elke kant van de component onafhankelijk plaatsen. Klik het Slot en ontgrendelen pictogrammen om de top-bottom en linker-juiste margewaarden te synchroniseren of te ontsynchroniseren. |
| Paddings |
|
Kies het Opvullen pictogram aan vertoningsmontages die de CSS padding parameter herhalen, die de ruimte tussen de inhoud van een component/element en zijn grens is. De opvulling biedt interne ruimte die u kunt gebruiken om de afstand tussen de inhoud en de rand van de component te bepalen. Stel de opvullingswaarden in pixels in op basis van uw ontwerpvereisten. U kunt de opvulling voor alle zijden, de bovenkant-bodem, de linkerkant, of elke kant van de component afzonderlijk instellen. Klik het Slot en ontgrendelen pictogrammen om de top-bottom en linker-juiste het opvullen waarden te synchroniseren of te ontsynchroniseren. |
| Corners |
|
Kies het pictogram van Hoeken aan vertoningsmontages die de CSS border-radius parameter herhalen, die de straal van de component/elementhoeken bepaalt. Stel de numerieke waarde in op basis van de curve die u voor de hoeken wilt gebruiken. Met de waarde 0 (standaardwaarde) wordt een vierkante hoek gemaakt. |
Verplaats de schakeloptie Border naar rechts om de weergaveopties voor de randen in te schakelen en stel deze in op basis van uw ontwerpcriteria:
-
Als u Border size (lijnbreedte) wilt instellen, klikt u op de pictogrammen Pijl-omhoog en Pijl-omlaag om het aantal pixels te verhogen of te verlagen.
-
Om Border style te plaatsen, verkies een waarde van de lijst van standaardCSS
border-stylewaarden, zoals Ononderbroken, Gestippeld, en Gepashte. -
Om te bepalen waar de rand wordt weergegeven, schakelt u elk selectievakje Border position in.
Knoppen
Op het tabblad Buttons kunt u verschillende kenmerken (anders dan kleur) voor knopelementen instellen, zoals de randstraal (vorm), tekst en grootte. U kunt de instellingen voor elk van de drie voorinstellingen voor knoppen wijzigen: Primary,Secondary en Tertiary.
| table 0-row-3 1-row-3 2-row-3 3-row-3 | ||
|---|---|---|
| Type | Instellingen | Beschrijving |
| Text |
|
Stel de Font library in op Standard of Google Fonts . Kies vervolgens de lettertypefamilie, -grootte en -stijl. Kies Text alignment: Linker, Gecentreerd, Juist, of Uitgelijnd. |
| Border |
|
Verplaats de schakeloptie Border naar rechts om de weergaveopties voor knopranden in te schakelen en stel deze in op basis van uw ontwerpcriteria. Stel de Border size (lijndikte) in door het aantal pixels te verhogen of te verlagen. Plaats Border style door een waarde van de lijst van standaardCSS border-style waarden, zoals Ononderbroken te kiezen, Gestippeld, en Gebroken. |
| Size |
|
Klik voor de optie Height op de pictogrammen pijl-omhoog en pijl-omlaag om het aantal pixels te vergroten of te verkleinen. Een lege waarde (Auto) is de standaardwaarde en wijzigt de hoogte van de knop in overeenstemming met de inhoud ervan. Voor Width, gebruik knevel om de breedte door pixel of percentage te plaatsen. Gebruik de schuifregelaar voor een percentage van de breedte om het percentage in te stellen. Het percentage bepaalt de knopgrootte op basis van het inhoudsvak van het bevattende blok, dat opvulling en randen uitsluit. Met een waarde van 50 stelt u de breedte van de knop in op 50% van de breedte van het blok met inhoud. Voor een op pixels gebaseerde breedte klikt u op de pijlpictogrammen omhoog en omlaag om het aantal pixels te vergroten of te verkleinen. Een lege waarde (Auto) is het gebrek en de grootte van de knoop volgens zijn inhoud. |
Scheidingslijn
Op het tabblad Divider kunt u de regelstijlen en containerinstellingen voor een scheidingscomponent instellen.
| table 0-row-3 1-row-3 2-row-3 3-row-3 | ||
|---|---|---|
| Type | Instellingen | Beschrijving |
| Line |
|
Plaats Border style door een waarde van de lijst van standaardCSS border-style waarden, zoals Ononderbroken te kiezen, Gestippeld, en Gebroken. |
| Container size |
|
Klik voor de optie Height op de pictogrammen pijl-omhoog en pijl-omlaag om het aantal pixels voor de component of het element te verhogen of te verlagen. Een lege waarde (Auto) is de standaardinstelling en wijzigt de hoogte in overeenstemming met de inhoud (regelopmaak). Voor Width, gebruik knevel om de breedte door pixel of percentage te plaatsen. Gebruik de schuifregelaar voor een percentage van de breedte om het percentage in te stellen. Het percentage bepaalt de elementbreedte op basis van het inhoudsvak van het bevattende blok. Met een waarde van 50 stelt u de breedte van de scheidingslijn in op 50% van de breedte van het omvattende blok. Voor een op pixels gebaseerde breedte klikt u op de pijlpictogrammen omhoog en omlaag om het aantal pixels te vergroten of te verkleinen. Een lege waarde (Auto) is het gebrek en de grootte van de verdeler volgens zijn inhoud. |
| Alignment |
|
Kies de horizontale groepering binnen het bevattende blok: Linker, Gecentreerd, of Juist. |
Raster
Op het tabblad Grid kunt u de tussenruimten tussen kolommen en rijen voor een rasterelement instellen:
-
Column gap - Klik op de pictogrammen pijl-omhoog en pijl-omlaag om het aantal pixels voor de tussenruimte tussen de rasterkolommen te vergroten of te verkleinen. U kunt ook een getal in het veld invoeren.
-
Rows gap - Klik op de pictogrammen pijl-omhoog en pijl-omlaag om het aantal pixels voor de tussenruimte tussen de rasterrijen te vergroten of te verkleinen. U kunt ook een getal in het veld invoeren.
Een thema bewerken
U kunt een thema bewerken met dezelfde workflow en gereedschappen die u gebruikt wanneer u een thema maakt. Het verschil is dat u de tab My themes selecteert en het aangepaste thema selecteert dat u wilt wijzigen.
Gebruik de rails aan de rechterkant om door de verschillende tabbladen te navigeren en thema-instellingen te wijzigen:
De weergegeven visuele elementen veranderen wanneer u de instellingen wijzigt. Als het resultaat op het canvas niet is wat u wilt, kunt u klikken ongedaan maakt (
Klik op Save wanneer de themawijzigingen zijn voltooid.
Aangepaste thema's beheren
U kunt uw aangepaste thema's beheren met dezelfde workflow en gereedschappen die u gebruikt wanneer u een thema maakt. Het verschil is dat u de tab My themes selecteert en uw thema's in de weergegeven lijst beheert.
Als u een grote lijst van douanethema's hebt, gebruik het gebied van het Onderzoek en andere filters om de getoonde lijst te verminderen. Terwijl u de lijst met beschikbare thema's beheert, kunt u een aangepast thema op elk gewenst moment bewerken, verwijderen of dupliceren.
Een thema bewerken
-
Selecteer het thema dat u wilt wijzigen en klik op Edit rechtsboven.
-
Gebruik de navigatie aan de rechterkant om de verschillende tabbladen voor opmaak te gebruiken en thema-instellingen te wijzigen:
De weergegeven visuele elementen veranderen wanneer u de instellingen wijzigt. Als het resultaat op het canvas niet is wat u wilt, kunt u klikken ongedaan maakt pictogram bij de bodem van het juiste spoor. Klik opnieuw pictogram om de verandering opnieuw toe te passen.
-
Klik op Save wanneer de themawijzigingen zijn voltooid.
Een thema verwijderen of dupliceren
Wanneer u van het thema de plaats bepaalt, klik Meer menu (…) pictogram bij het lagere recht van de themakaart en kies de actie die u wilt nemen:
-
Duplicate - Kies deze actie om het thema te dupliceren. Het nieuwe thema is identiek met Exemplaar van toegevoegd aan de naam van origineel. U kunt de naam veranderen wanneer u het thema uitgeeft.
-
Delete - Kies deze actie om het aangepaste thema te verwijderen. Klik op Delete in het bevestigingsdialoogvenster.
note note NOTE Het verwijderen van het thema heeft geen invloed op een e-mail- of e-mailsjabloon waarop het al is toegepast.
Een thema gebruiken voor het ontwerpen van e-mailinhoud use-email-theme
Wanneer u een nieuwe e-mail- of e-mailsjabloon maakt, kunt u ervoor kiezen een merkthema te gebruiken dat het ontwerpproces voor inhoud stroomlijnt en ervoor zorgt dat het ontwerp wordt afgestemd op gedefinieerde standaarden. Voor een nieuw fragment kunt u ook een thema toepassen voordat u het fragment opslaat. Het fragment blijft op wijze van het Thema van dat punt en is compatibel om aan e-mail en e-mailmalplaatjes toe te voegen die ook op wijze van het Thema zijn.
-
Selecteer een van de volgende handelingen:
-
Selecteer een e-mailmalplaatje dat een thema (dat in wordt gecreeerd wijze van het Thema) opneemt. Het thema dat specifiek is voor elke sjabloon wordt automatisch toegepast.
-
Gebruik de optie Design from scratch en selecteer Use Themes om te beginnen met een vooraf gedefinieerd opmaakthema.
note important IMPORTANT Als u de modus Manual Styling kiest, moet u het e-mailontwerp opnieuw instellen om een thema toe te passen. Als u Themes wijze kiest, slechts fragmenten die ook op_ Thema's _wijze worden gecreeerd zijn beschikbaar om aan de e-mailinhoud toe te voegen.
-
-
In de e-mailontwerpruimte, klik het pictogram van Thema's (
Het standaardthema of het thema dat op de sjabloon wordt toegepast, wordt weergegeven. U kunt schakelen tussen de kleurvarianten voor dit thema.
-
Klik op de pijl naast het weergegeven thema om de lijst met beschikbare aangepaste en Adobe-thema's weer te geven.
-
Klik op My themes en selecteer het aangepaste thema.
-
Klik buiten de lijst.
Het zojuist geselecteerde aangepaste thema past de stijlen toe op alle e-mailcomponenten op het canvas. U kunt schakelen tussen de kleurvarianten.
-
Als u de themastijlen voor een geselecteerde component moet met voeten treden, klik de componentenstijlen van de Ontgrendeling (
Klik op Unlock in het bevestigingsdialoogvenster.
Selecteer de tab Styles in het rechterdeelvenster om de instellingen voor de component te wijzigen.
Het thema voor uw e-mailinhoud wijzigen
Voor een e-mail of e-mailmalplaatje dat in wijze van het Thema wordt gecreeerd, kunt u het thema op elk ogenblik veranderen. De e-mailinhoud blijft ongewijzigd, maar de stijlen worden bijgewerkt met het nieuwe thema.
-
Open de sjabloon voor e-mail of e-mail in de ontwerpruimte.
-
Klik het pictogram van Thema's (
Het toegepaste thema wordt weergegeven in het rechterdeelvenster.
-
Klik op de pijl naast het weergegeven thema om de lijst met beschikbare aangepaste en Adobe-thema's weer te geven.
-
Selecteer een ander thema.
-
Klik buiten de lijst.
Met het geselecteerde thema past u de stijlen toe op alle e-mailcomponenten op het canvas. U kunt schakelen tussen de kleurvarianten.