Seoladh mód dorcha díreach cúpla bliain ó shin agus tá an uchtáil ag fás i gcónaí. Mód dorcha ar fáil anois ar fud macOS, iOS, agus Android chomh maith le go leor aipeanna lena n-áirítear Microsoft Outlook, Safari, Reddit, Twitter, Youtube, Gmail, agus Reddit. Ní bhíonn tacaíocht iomlán ann i gcónaí, áfach.
Laghdaíonn modh dorcha úsáid fuinnimh scáileáin agus méadaíonn sé fócas. Deir roinnt úsáideoirí freisin go mbraitheann siad laghdú ar an strus súl, ach sin é ceistíodh.
Le déanaí, d’fhorbraíomar teimpléad Margaíochta Cloud a chuimsigh Mód Dorcha ina chód a fhágann go bhfuil codarsnacht mhór idir na rannáin ríomhphoist nuair a bhreathnaítear orthu i gcliant ríomhphoist. Iarracht é seo a d’fhéadfadh rátaí breise rannpháirtíochta agus cliceáil-trí do shíntiúsóirí a spreagadh.
Ní minic go ndéantar dul chun cinn sa teicneolaíocht ríomhphoist, mar sin is deas an rud é glacadh leis an eispéireas seo ar fud an tionscail. Tá sé ríthábhachtach go n-éireoidh leat sa mhodh dorcha chun na cleachtais is fearr a thuiscint, an cód le cur i bhfeidhm, chomh maith le tacaíocht ó chliaint. Ar an ábhar sin, d’fhoilsigh an fhoireann ag Uplers an treoir seo do tacaíocht ríomhphoist mód dorcha.
Cód Ríomhphoist Mód Dorcha
Céim 1: Cuir meiteashonraí san áireamh chun mód dorcha a chumasú i gcliaint ríomhphoist - Is é an chéad chéim mód dorcha a chumasú sa ríomhphost do shíntiúsóirí a bhfuil a socruithe mód dorcha casta orthu. Is féidir leat é sin a dhéanamh tríd na meiteashonraí seo a áireamh sa tag.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
Céim 2: Cuir stíleanna mód dorcha san áireamh do @media (is fearr-scéim dathanna: dorcha) - Scríobh an fiosrúchán meán seo i do leabaithe tags to customize the dark mode styles in Apple Mail, iOS, Outlook.
com, Outlook 2019 (macOS), agus Outlook App (iOS). Mura dteastaíonn lógó imlínithe uait i do r-phost, is féidir leat ranganna .dark-img agus .light-img a úsáid mar a thaispeántar thíos.
@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; }
}
Céim 3: Úsáid réimír [data-ogsc] chun stíleanna mód dorcha a mhacasamhlú - Cuir na cóid seo san áireamh chun go mbeidh an ríomhphost comhoiriúnach leis an mód dorcha san aip Outlook do 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; }
Céim 3: Cuir stíleanna dorcha mód amháin san áireamh sa chorp HTML - Caithfidh na ranganna mód dorcha cearta a bheith ag do chlibeanna HTML.
<!-- 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 -->
Ríomhphost Leideanna Mód Dorcha agus Acmhainní Breise
Bhí mé ag obair ar an Martech Zone nuachtlitreacha laethúla agus seachtainiúla chun tacú le mód dorcha, bí cinnte liostáil anseo. Mar is amhlaidh le mórchuid na códaithe ríomhphoist, ní próiseas simplí é mar gheall ar na cliaint ríomhphoist éagsúla agus a modheolaíochtaí códaithe dílseánaigh. Saincheist amháin a rith mé leis ná eisceachtaí ... mar shampla, teastaíonn téacs bán uait ar chnaipe beag beann ar an modh dorcha. Tá méid an chóid rud beag ridiculous ... bhí orm na heisceachtaí seo a leanas a bheith agam:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; }
Roinnt acmhainní breise:
- Litmus - an treoir dheiridh do mhodh dorcha do mhargaitheoirí ríomhphoist.
- FeachtasMonitor - treoir na bhforbróirí ar mhodh dorcha le haghaidh ríomhphoist.
Féach ar Uplers Interactive Infographic
