Moda Dark Ji Bo E-nameyê Pejirandinê Distîne… Li vir Meriv Çawa Piştgiriya Wê Dike
Moda tarî karanîna enerjiya ekranê kêm dike û balê zêde dike. Hin bikarhêner jî diyar dikin ku ew hestek kêmbûna çavan hîs dikin, lê ew e hatiye pirsîn.
Pejirandina moda tarî her ku diçe mezin dibe. Moda tarî naha li seranserê macOS, iOS, Android, û gelek sepanan peyda dibe, di nav de Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail, û Reddit. Lêbelê, her gav piştgiriyek tam li her yekê tune. Pir caran ne ku di teknolojiya e-nameyê de pêşkeftin hene, ji ber vê yekê xweş e ku meriv di e-nameyê de piştgirîya moda tarî jî bibîne.
Me dît ku 28% ji bikarhêneran di Tebaxa 2021-an de di Moda Tarî de dibînin. Heya Tebaxa 2022-an, ew hejmar gihîştibû nêzîkî 34%.
Lîtmus
Fêmkirina pratîkên çêtirîn, koda bicîhkirinê, û piştgiriya xerîdar ji bo serkeftina pêkanîna weya moda tarî krîtîk e. Ji ber vê yekê, tîmê li Uplers ev rêbernameya moda tarî weşand piştgiriya email.
Berî demekê, DK New Media Şablonek Salesforce Marketing Cloud ji bo xerîdarek ku moda tarî vedihewîne pêşxist, dema ku di xerîdarek e-nameyê de tê dîtin beşên e-nameyê bi rengek berbiçav berovajî dike. Ew hewildanek e ku dibe ku ji bo aboneyên we tevlêbûnek zêde û rêjeyên bikirtînin.
Mîfreya E-nameyê ya Modeya Tarî
Step 1: Metadata têxin nav xwe da ku hûn di xerîdarên e-nameyê de moda tarî bikar bînin - Gava yekem ev e ku meriv moda tarî di e-nameyê de ji bo aboneyên ku mîhengên moda tarî vekirî ne çalak bikin. Hûn dikarin vê metadata têxin nav tag.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
Gav 2: Ji bo @media şêwazên moda tarî têxin nav xwe (tercîh-reng-reng: tarî) - Vê lêpirsîna medyayê di nav xwe de bicîhkirî binivîsin tags to customize the dark mode styles in Apple Mail, iOS, Outlook.
com, Outlook 2019 (macOS), û Outlook App (iOS). Heke hûn di e-nameya xwe de logoyek diyarkirî naxwazin, hûn dikarin bikar bînin .dark-img
û .light-img
dersên ku li jêr tê nîşandan.
@media (prefers-color-scheme: dark ) {
.dark-mode-image { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; }
.light-mode-image { display:none; display:none !important; }
}
Gava 3: Pêşniyara [data-ogsc] bikar bînin ku şêwazên moda tarî dubare bikin - Van kodan têxin navnîşana e-nameyê ku bi moda tarî re di bernameya Outlook-a ji bo Android-ê de lihevhatî be.
[data-ogsc] .light-mode-image { display:none; display:none !important; }
[data-ogsc] .dark-mode-image { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; }
Gava 3: Tevlî şêwazên tarî-modê tenê bi laş HTML-ê re bikin - Divê navnîşên HTML-ê dersên moda tarî ya rast hebin.
<!-- Logo Section -->
<a href="http://email-uplers.com/" target="_blank" style="text-decoration: none;"><img src="https://campaigns.uplers.com/_email/_global/images/logo_icon-name-black.png" width="170" alt="Uplers" style="color: #333333; font-family:Arial, sans-serif; text-align:center; font-weight:bold; font-size:40px; line-height:45px; text-decoration: none;" border="0" class="light-mode-image"/>
<!-- This is the hidden Logo for dark mode with MSO conditional/Ghost Code --> <!--[if !mso]><! --><div class="dark-mode-image" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="center"><img src="https://campaigns.uplers.com/_email/_global/images/logo_icon-name-white.png" width="170" alt="Uplers" style="color: #f1f1f1; font-family:Arial, sans-serif; text-align:center; font-weight:bold; font-size:40px; line-height:45px; text-decoration: none;" border="0" />
</div><!--<![endif]-->
</a>
<!-- //Logo Section -->
Serişteyên Modeya Tarî û Çavkaniyên Zêdetir E-name bişînin
Ez li ser dixebitîm Martech Zone bultenên rojane û heftane ji bo piştgirîkirina moda tarî… pê ewle bin li vir bibin endam. Mîna piraniya kodkirina e-nameyê, ew ji ber xerîdarên e-nameyê yên cihêreng û metodolojiyên kodkirina wan ên xwedan ne hêsan e. Pirsgirêkek ku ez ketim îstîsnayan bû… mînakî, hûn bêyî ku moda tarî li ser bişkojkê nivîsek spî dixwazin. Mîqdara kodê hinekî bêaqil e… Diviyabû ku min îstîsnayên jêrîn hebin:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; }
Hin çavkaniyên din:
- Lîtmus - rêberê herî dawîn ji bo moda tarî ji bo bazirganên e-nameyan.
- CampaignMonitor - rêberê pêşdebir ji bo moda tarî ya ji bo e-nameyê.
Ger hûn dixwazin şablonên e-nameya xwe ji bo piştgirîya moda tarî werin veguheztin, dudilî nebin ku bigihîjin DK New Media.