Mdima wakuda udayambitsidwa zaka zingapo zapitazo ndipo kukhazikitsidwa kumakula. Mdima wakuda tsopano ikupezeka pa MacOS, iOS, ndi Android komanso mapulogalamu ambiri kuphatikiza Microsoft Outlook, Safari, Reddit, Twitter, Youtube, Gmail, ndi Reddit. Palibe nthawi zonse kuthandizira kwathunthu, ngakhale.
Mdima wamdima umachepetsa kugwiritsa ntchito mphamvu pazenera ndikuwonjezera chidwi. Ogwiritsa ntchito ena amanenanso kuti akumva kuchepetsedwa kwa mavuto amaso, koma ndizo anafunsidwa.
Posachedwa, tidapanga template ya Cloud Cloud yomwe idaphatikizira Njira Yakuda mu nambala yake yomwe imapangitsa kuti magawo amaimelo asiyanitsidwe kwambiri mukawonedwa ndi kasitomala wa imelo. Ndi kuyeserera komwe kumatha kuyendetsa zochitika zowonjezera ndikudina mitengo kudzera kwa omwe akulembetsa.
Sikuti nthawi zambiri pamakhala kupita patsogolo kwaukadaulo wa imelo, chifukwa chake ndizosangalatsa kuwona kukhazikitsidwa kwazomwe zikuchitikazi. Kumvetsetsa machitidwe abwino, malamulo oti mugwiritse ntchito, komanso chithandizo cha kasitomala ndikofunikira kuti mukwaniritse bwino njira yakuda. Pachifukwachi, gulu ku Uplers lasindikiza bukuli ku mitundu yakuda imelo thandizo.
Makhalidwe a Mdima Wamtundu Wamdima
Gawo 1: Phatikizani metadata kuti mulole mawonekedwe amdima mumakasitomala amelo - Gawo loyamba ndikuloleza mawonekedwe amdima mu imelo ya omwe adalembetsa omwe adatsegulira mawonekedwe awo amdima. Mutha kuchita izi kuphatikiza metadata iyi mu tag.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
Gawo 2: Phatikizani masitaelo amdima a @media (mtundu-wokonda-mtundu: wakuda) - Lembani funso ili lazofalitsa muzomwe muli nazo tags to customize the dark mode styles in Apple Mail, iOS, Outlook.
com, Outlook 2019 (macOS), ndi Outlook App (iOS). Ngati simukufuna logo yotchulidwa mu imelo yanu, mutha kugwiritsa ntchito makalasi a .dark-img ndi .light-img monga momwe tawonetsera pansipa.
@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; }
}
Gawo 3: Gwiritsani ntchito choyambirira cha [data-ogsc] kutsanzira masitaelo amdima - Phatikizani ma code awa kuti imelo ikhale yogwirizana ndi mawonekedwe amdima mu pulogalamu ya Outlook ya 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; }
Gawo 3: Phatikizani masitaelo amdima-okhawo ku thupi HTML - Ma tag anu a HTML ayenera kukhala ndi makalasi oyenera amdima.
<!-- 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 -->
Tumizani Malangizo Amtundu Wamdima ndi Zowonjezera Zowonjezera
Ndakhala ndikugwira ntchito pa Martech Zone Zolemba zamakalata tsiku lililonse komanso sabata iliyonse kuti zithandizire mumdima, onetsetsani kuti lembani apa. Monga momwe zimakhalira ndi maimelo ambiri, sichinthu chophweka chifukwa cha maimelo osiyanasiyana ndi njira zawo zolembetsera. Magazini imodzi yomwe ndidathamangirako inali yapadera… mwachitsanzo, mukufuna zolemba zoyera pabatani mosatengera mtundu wakuda. Kuchuluka kwa code ndizoseketsa… Ndinayenera kukhala ndi zotsatirazi:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; }
Zina zowonjezera:
- Litmus - chitsogozo chomaliza cha mawonekedwe amdima kwa otsatsa maimelo.
- CampaignMonitor - otsogola amatsogolera njira yakuda ya imelo.
Onani Uplers Interactive Infographic