የጨለማ ሞድ ከጥቂት ዓመታት በፊት ተጀምሮ ጉዲፈቻ ማደጉን ቀጥሏል ፡፡ ጨለማ ሁነታ አሁን በማክሮ 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; }
አንዳንድ ተጨማሪ ሀብቶች