மின்னஞ்சலுக்கான டார்க் மோட் ஏற்றுக்கொள்ளப்படுகிறது... அதை எப்படி ஆதரிப்பது என்பது இங்கே
டார்க் மோட் திரையின் ஆற்றல் பயன்பாட்டைக் குறைத்து கவனத்தை அதிகரிக்கிறது. சில பயனர்கள் தாங்கள் குறைந்த கண் அழுத்தத்தை உணர்கிறார்கள் என்று கூறுகின்றனர், ஆனால் அதுதான் கேள்வி கேட்கப்பட்டது.
டார்க் மோட் தத்தெடுப்பு தொடர்ந்து வளர்ந்து வருகிறது. டார்க் மோட் இப்போது மேகோஸ், iOS, ஆண்ட்ராய்டு மற்றும் மைக்ரோசாஃப்ட் அவுட்லுக், சஃபாரி, ரெடிட், ட்விட்டர், யூடியூப், ஜிமெயில் மற்றும் ரெடிட் உள்ளிட்ட பல பயன்பாடுகளில் கிடைக்கிறது. இருப்பினும், ஒவ்வொன்றிலும் எப்போதும் முழு ஆதரவு இல்லை. மின்னஞ்சல் தொழில்நுட்பத்தில் முன்னேற்றங்கள் இருப்பது பெரும்பாலும் இல்லை, எனவே மின்னஞ்சலில் டார்க் மோட் ஆதரவை ஏற்றுக்கொள்வதைப் பார்ப்பது மகிழ்ச்சி அளிக்கிறது.
ஆகஸ்ட் 28 இல் 2021% பயனர்கள் டார்க் பயன்முறையில் பார்த்தோம். ஆகஸ்ட் 2022 இல், அந்த எண்ணிக்கை கிட்டத்தட்ட 34% ஆக அதிகரித்துள்ளது.
லிட்மஸ்
சிறந்த நடைமுறைகளைப் புரிந்துகொள்வது, செயல்படுத்த வேண்டிய குறியீடு மற்றும் கிளையன்ட் ஆதரவு ஆகியவை டார்க் பயன்முறையின் உங்கள் வெற்றிக்கு முக்கியமானதாகும். அந்த காரணத்திற்காக, Uplers இல் உள்ள குழு இந்த வழிகாட்டியை இருண்ட பயன்முறையில் வெளியிட்டது மின்னஞ்சல் ஆதரவு.
சமீபத்தில், DK New Media டார்க் பயன்முறையை உள்ளடக்கிய ஒரு கிளையண்டிற்காக சேல்ஸ்ஃபோர்ஸ் மார்க்கெட்டிங் கிளவுட் டெம்ப்ளேட்டை உருவாக்கியது, மின்னஞ்சல் கிளையண்டில் பார்க்கும்போது மின்னஞ்சல் பிரிவுகளை வியத்தகு முறையில் வேறுபடுத்துகிறது. இது உங்கள் சந்தாதாரர்களுக்கு கூடுதல் ஈடுபாடு மற்றும் கிளிக் மூலம் விகிதங்களை ஏற்படுத்தக்கூடிய முயற்சியாகும்.
இருண்ட பயன்முறை மின்னஞ்சல் குறியீடு
படி 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 க்கான அவுட்லுக் பயன்பாட்டில் இருண்ட பயன்முறையுடன் மின்னஞ்சல் இணக்கமாக இருக்க இந்த குறியீடுகளைச் சேர்க்கவும்.
[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: உடல் HTML இல் இருண்ட பயன்முறை மட்டுமே பாணிகளைச் சேர்க்கவும் - உங்கள் 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 -->
மின்னஞ்சல் பயன்முறை குறிப்புகள் மற்றும் கூடுதல் ஆதாரங்கள்
நான் வேலை செய்கிறேன் Martech Zone இருண்ட பயன்முறையை ஆதரிக்க தினசரி மற்றும் வாராந்திர செய்திமடல்கள்... உறுதியாக இருங்கள் இங்கே பதிவு செய்க. பெரும்பாலான மின்னஞ்சல் குறியீட்டைப் போலவே, வெவ்வேறு மின்னஞ்சல் கிளையண்டுகள் மற்றும் அவர்களின் தனியுரிம குறியீட்டு முறைகள் காரணமாக இது எளிதானது அல்ல. நான் எதிர்கொண்ட ஒரு சிக்கல் விதிவிலக்குகள்... எடுத்துக்காட்டாக, இருண்ட பயன்முறையைப் பொருட்படுத்தாமல் பொத்தானில் வெள்ளை உரை தேவை. குறியீட்டின் அளவு சற்று அபத்தமானது... எனக்கு பின்வரும் விதிவிலக்குகள் இருக்க வேண்டும்:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; }
சில கூடுதல் ஆதாரங்கள்:
- லிட்மஸ் - மின்னஞ்சல் சந்தைப்படுத்துபவர்களுக்கு இருண்ட பயன்முறையின் இறுதி வழிகாட்டி.
- CampaignMonitor - மின்னஞ்சலுக்கான டார்க் பயன்முறைக்கான டெவலப்பரின் வழிகாட்டி.
உங்கள் மின்னஞ்சல் டெம்ப்ளேட்கள் டார்க் மோட் ஆதரவுக்காக மாற்றப்பட வேண்டுமெனில், தயங்காமல் தொடர்பு கொள்ளவும் DK New Media.