የጨለማ ሞድ ከጥቂት ዓመታት በፊት ተጀምሮ ጉዲፈቻ ማደጉን ቀጥሏል ፡፡ ጨለማ ሁነታ አሁን በማክሮ iOS ፣ በ iOS እና በ Android እንዲሁም በማይክሮሶፍት አውትሎው ፣ ሳፋሪ ፣ ሬድዲት ፣ ትዊተር ፣ ዩቲዩብ ፣ ጂሜል እና ሬድይት ጨምሮ በርካታ መተግበሪያዎች ይገኛሉ ፡፡ ምንም እንኳን ሁልጊዜ በእያንዳንዳቸው ላይ ሙሉ ድጋፍ የለም ፡፡
ጨለማ ሁነታ የማያ ገጽ የኃይል አጠቃቀምን ይቀንሰዋል እንዲሁም ትኩረትን ይጨምራል። አንዳንድ ተጠቃሚዎችም የአይን ድካም መቀነስ እንደሚሰማቸው ይናገራሉ ፣ ግን ያ ነው ተብሎ ተጠይቋል.
በቅርቡ ፣ በኢሜል ደንበኛ ውስጥ ሲመለከቱ የኢሜል ክፍሎችን በጣም በሚያስደንቅ ሁኔታ የሚያስተካክል ጨለማ ሞድን ወደ ኮዱ ውስጥ ያካተተ የግብይት ደመና አብነት አዘጋጅተናል ፡፡ ለደንበኝነት ተመዝጋቢዎችዎ ተጨማሪ ተሳትፎን እና ጠቅ-ማድረግን የሚያስኬድ ጥረት ነው።
በኢሜል ቴክኖሎጂ ውስጥ ብዙ ጊዜ መሻሻል አለመኖሩ ነው ፣ ስለሆነም በመላው ኢንዱስትሪው ውስጥ የዚህ ተሞክሮ ተቀባይነት ሲያገኝ ማየት ደስ የሚል ነው ፡፡ የተሻሉ ልምዶችን መገንዘብ ፣ ለመተግበር ኮድ እንዲሁም የደንበኛ ድጋፍ ለጨለማ ሞድ ተግባራዊነትዎ ስኬት ወሳኝ ነው ፡፡ በዚህ ምክንያት ፣ በዩፕለር ላይ ያለው ቡድን ይህንን መመሪያ ለ የጨለማ ሞድ ኢሜይል ድጋፍ.
የጨለማ ሁነታ የኢሜል ኮድ
ደረጃ 1: በኢሜል ደንበኞች ውስጥ የጨለመ ሁኔታን ለማንቃት ዲበ ውሂብ ያካትቱ - የመጀመሪያው እርምጃ የጨለማ ሞድ ቅንብሮቻቸውን ለከፈቱ ተመዝጋቢዎች በኢሜል ውስጥ ጨለማ ሁኔታን ማንቃት ነው ፡፡ ይህንን በ ‹ሜታዳታ› ውስጥ በማካተት ማድረግ ይችላሉ መለያ
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">ደረጃ 2: ለ @ ሚዲያ የጨለማ ሞድ ቅጦችን አካትት (የቅድመ-ቀለም-ንድፍ-ጨለማ) - ይህንን የመገናኛ ብዙሃን ጥያቄ በእርስዎ የተከተተ ጽሑፍ ውስጥ ይፃፉ tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com ፣ Outlook 2019 (macOS) እና Outlook App (iOS) የተገለጸ አርማ በኢሜልዎ ውስጥ የማይፈልጉ ከሆነ ከዚህ በታች እንደሚታየው .dark-img እና .light-img ክፍሎችን መጠቀም ይችላሉ ፡፡
@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; }
}ደረጃ 3 የጨለማ ሞድ ቅጦችን ለማባዛት የ [data-ogsc] ቅድመ ቅጥያ ይጠቀሙ - ኢሜል ለ ‹Android› በ‹ Outlook ›መተግበሪያ ውስጥ ከጨለማ ሞድ ጋር ተኳሃኝ እንዲሆኑ እነዚህን ኮዶች ያካትቱ ፡፡
[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; }ደረጃ 3: የጨለማ ሞድ-ብቻ ቅጦችን ለሰውነት ኤች.ቲ.ኤም.ኤል. ያካትቱ - የእርስዎ የኤችቲኤምኤል መለያዎች ትክክለኛ የጨለማ ሞድ ክፍሎች ሊኖሯቸው ይገባል ፡፡
<!-- 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 -->ኢሜል የጨለማ ሁነታ ምክሮች እና ተጨማሪ መገልገያዎች ኢሜል
ላይ እየሰራሁ ነበር Martech Zone የጨለማ ሁኔታን ለመደገፍ በየቀኑ እና ሳምንታዊ ጋዜጣዎች ፣ እርግጠኛ ይሁኑ እዚህ ተመዝገብ. እንደ አብዛኛው የኢሜል ኮድ ፣ በተለያዩ የኢሜል ደንበኞች እና በባለቤትነት ኮድ አሰራር ዘዴዎቻቸው ምክንያት ቀላል ሂደት አይደለም ፡፡ እኔ የገባሁበት አንድ ጉዳይ የማይካተቱ ጉዳዮች ነበር dark ለምሳሌ ፣ የጨለማ ሁናቴ ምንም ይሁን ምን በአዝራር ላይ ነጭ ጽሑፍን ይፈልጋሉ ፡፡ የኮዱ መጠን ትንሽ አስቂኝ ነው the የሚከተሉትን የማይካተቱ ነገሮች መኖር ነበረብኝ ፡፡
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; } አንዳንድ ተጨማሪ ሀብቶች
