ইমেলের জন্য ডার্ক মোড গ্রহণ করা হচ্ছে... এটিকে কীভাবে সমর্থন করা যায় তা এখানে
ডার্ক মোড স্ক্রিন এনার্জি ব্যবহার কমায় এবং ফোকাস বাড়ায়। কিছু ব্যবহারকারী আরও বলেন যে তারা একটি হ্রাস চোখের স্ট্রেন অনুভব করেন, কিন্তু তা প্রশ্ন করা হয়েছে.
ডার্ক মোড গ্রহণ বাড়তে থাকে। ডার্ক মোড এখন macOS, iOS, Android, এবং Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail এবং Reddit সহ একাধিক অ্যাপ জুড়ে উপলব্ধ। যদিও প্রতিটি জুড়ে সর্বদা পূর্ণ সমর্থন থাকে না। এটি প্রায়শই ইমেল প্রযুক্তিতে অগ্রগতি হয় না, তাই ইমেলেও ডার্ক মোড সমর্থন গ্রহণ করা দেখতে ভাল লাগে।
আমরা 28 সালের আগস্টে 2021% ব্যবহারকারী ডার্ক মোডে দেখেছি। আগস্ট 2022-এর মধ্যে এই সংখ্যাটি প্রায় 34% বেড়েছে।
litmus
আপনার ডার্ক মোড বাস্তবায়নের সাফল্যের জন্য সর্বোত্তম অনুশীলন, বাস্তবায়নের কোড এবং ক্লায়েন্ট সমর্থন বোঝা গুরুত্বপূর্ণ। সেই কারণে, Uplers-এর দল ডার্ক-মোডে এই গাইডটি প্রকাশ করেছে ইমেইল সমর্থন.
সম্প্রতি, DK New Media একটি ক্লায়েন্টের জন্য একটি সেলসফোর্স মার্কেটিং ক্লাউড টেমপ্লেট তৈরি করেছে যা ডার্ক মোডকে অন্তর্ভুক্ত করেছে, একটি ইমেল ক্লায়েন্টে দেখা হলে ইমেল বিভাগগুলিকে নাটকীয়ভাবে বিপরীত করে। এটি এমন একটি প্রচেষ্টা যা আপনার গ্রাহকদের জন্য অতিরিক্ত ব্যস্ততা এবং ক্লিক-থ্রু রেট চালাতে পারে।
গাark় মোড ইমেল কোড
পদক্ষেপ 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] .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: বডি এইচটিএমএলে কেবল গা dark় মোড-স্টাইল অন্তর্ভুক্ত করুন - আপনার এইচটিএমএল ট্যাগগুলিতে অবশ্যই ডার্ক মোডের ক্লাস থাকা উচিত।
<!-- 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; }
কিছু অতিরিক্ত সংস্থান:
- litmus - ইমেল বিপণনকারীদের জন্য অন্ধকার মোডের চূড়ান্ত গাইড।
- ক্যাম্পেইনমনিটর – ইমেলের জন্য ডার্ক মোডে বিকাশকারীর গাইড।
আপনি যদি আপনার ইমেল টেমপ্লেটগুলিকে ডার্ক মোড সমর্থনের জন্য রূপান্তর করতে চান, তাহলে যোগাযোগ করতে দ্বিধা করবেন না DK New Media.