O le pogisa auala na faʻalauiloaina i ni nai tausaga talu ai ma o le vaetamaina o loʻo faʻaauau pea ona tupuolaola. Pogisa o loʻo avanoa nei ile salafa o le macOS, iOS, ma le Android faʻapea foi ma le anoanoaʻi o polokalama e aofia ai Microsoft Outlook, Safari, Reddit, Twitter, Youtube, Gmail, ma Reddit. E leʻo iai i taimi uma le lagolago atoa i itu taʻitasi.
O le pogisa e faʻaititia ai le faʻaaogaina o le malosi o le pupula ma faʻatele ai le taulaʻi. O nisi tagata faʻaoga e taua foʻi latou te lagona le faʻaititia o le faʻateʻi o mata, ae o le mea lena na fesiligia.
Talu ai nei, na matou atiaʻe ai se Marketing Cloud template na tuʻufaʻatasia ai le Dark Mode i totonu o lana code lea e matua faʻaeseese ai lava vaega o imeli pe a vaʻaia i se imeli meli. O se taumafaiga e ono faʻaosofia faʻaopoopoga faʻauiga ma kiliki-e ala i tau mo lau 'au lesitala.
E le masani ona i ai alualu i luma i imeli tekonolosi, o lea e manaia le vaʻaia o le taliaina o lenei poto masani i le atoa pisinisi. Malamalama lelei i faʻataʻitaʻiga, code e faʻatino ai, faʻapea foi ma le lagolago a tagata o tausia e taua tele i lou faʻatinoina manuia o le pogisa auala. Mo lena mafuaʻaga, o le 'au i Uplers lolomiina lenei taʻiala i pouliuli faiga imeli lagolago.
Pogisa Faiga Imeli Code
Laasaga 1: Faʻaaofia metadata e faʻaaoga ai le pogisa auala i imeli tagata faʻatau - O le laʻasaga muamua o le faʻatagaina o le pogisa auala i le imeli mo le au fai saofaga o latou ua pogisa auala faʻatulagaina ki. Oe mafai ona faia e ala i le faʻaaogaina o lenei metadata i le pine
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">Sitepu 2: Faʻaaofia sitaili pogisa mo @media (e fiafia i ai-lanu-polokalame: pogisa) - Tusi lenei faʻasalalauga faʻamatalaga fesili i totonu o lau tamau tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS), ma le Outlook App (iOS). Afai e te le manaʻo i se faʻailoaina au igoa i lau imeli, e mafai ona e faʻaaogaina .dark-img ma .light-img vasega e pei ona faʻaalia i lalo.
@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; }
}Sitepu 3: Faʻaaoga le [data-ogsc] nauna e faʻalua ai sitaili faiga pogisa - Faʻaaofia nei tulafono laiti mo le imeli ia mafai ona o gatasi ma pogisa auala i Outlook polokalama mo le Android.
[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; }Laasaga 3: Faʻaaofia ai pogisa auala-na o sitaili i le tino HTML - Lau HTML pine tatau ona i ai le saʻo vasega pogisa auala.
<!-- 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 -->Imeli Pogisa Faʻapitoa Motugaafa ma Faʻaopopo Punaoa
Sa ou galue i le Martech Zone aso ma vaiaso taʻitasi nusipepa e lagolagoina pogisa auala, ia mautinoa e teu ai iinei. E pei o le tele o imeli coding, e le o se faigofie gaioiga ona o le 'eseʻese imeli tagata faʻatau ma a latou aia tatau coding metotia. Tasi le mataupu na ou tamoʻe i ai o tuusaunoaga ... mo se faʻataʻitaʻiga, e te manaʻomia sinasina tusitusiga i luga o se faʻamau tusa lava poʻo le a le pogisa auala. O le aofaʻi o tulafono laiti e fai si faʻaletonu ... Sa tatau ona ou faia tuʻusaʻoga nei:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; } Nisi punaoa faʻaopoopo:
- Litmus - o le sili taiala mo pogisa auala mo imeli maketi.
- Mata'itau Fa'aupuga - o le aufaʻatonu taʻitaʻi i le pogisa auala mo imeli.
Vaʻai Uplers Interactive Infographic
