حالت تاریک وردپرس با افزونه WP Dark Mode

حالت تاریک وردپرس با افزونه WP Dark Mode

در این مقاله به نحوه ایجاد حالت تاریک در وردپرس می‌پردازیم.

امروزه بسیار از دستگاه ها از حالت تاریک یا Dark Mode پشتیبانی می‌کنند. با افزودن حالت شب به وبسایت خود می‌توانید باعث افزایش رضایت کاربران خود و بهبود تجربه کاربری شوید.

با افزونه WP Dark Mode می‌توانید به راحتی امکان تغییر حالت وبسایت از روشن به تاریک را با یک دکمه برای کاربران فراهم نمایید.

حالت تاریک وردپرس چیست و چرا آن را باید اضافه کنیم؟

از حالت تاریک (Dark Mode) در دستگاه های تلفن همراه و رایانه ها برای کاهش میزان نور سفید صفحه استفاده می‌شود.

برخی دیگر از دستگاه ها دارای حالت شب (Night Mode) هستند که در واقع از رنگ‌های گرمتر به جای آن استفاده می‌شود. حالت تاریک با افزودن رنگ‌های تیره در پس زمینه از روش دیگری استفاده می‌کند.

اگر از گوشی‌های اندرویدی یا آیفون استفاده می‌کنید احتمال زیاد با این حالت آشنا باشید.

همچنین در رایانه هم می‌توانید با برنامه های افزودنی مرورگرها مانند Night Eye در مرورگر کروم این قابلیت را تجربه کنید. در اینجا با استفاده از همین افزونه سایت اکتیو وردپرس را مشاهده می‌کنید:

حالت تیره اکتیو وردپرس

بسیاری از سایت‌های معروف مانند یوتیوب هم تم تاریک را برای کاربران خود فراهم کرده‌اند. با این کار کاربران تجربه بهتری از تماشای فیلم در شب دارند.

حالت تیره یوتیوب

به غیر از افزودن حالت تاریک به نمای سایت می‌توانید آن را به قسمت پیشخوان مدیریت وردپرس هم اضافه نمایید. مخصوصا اگر شب‌ها زیاد با قسمت ادمین سایت خود کار دارید این ویژگی بسیار مفید است.

افزودن حالت تاریک وردپرس

ابتدا افزونه WP Dark Mode را نصب و فعال نمایید. برای اطلاعات بیشتر می‌توانید مقاله آموزش قدم به قدم نصب افزونه وردپرس را مطالعه نمایید.

پس از فعال‌سازی از منوی مدیریت وردپرس به قسمت تنظیمات > WP Dark Mode رفته و روی تب General Settings کلیک کنید.

(البته به احتمال زیاد بعد از فعال‌سازی به همین صفحه به صورت خودکار هدایت می‌شوید)

همانطور که در تصویر زیر می‌بینید گزینه Enable OS aware Dark Mode روشن است. یعنی اگر کاربران شما دستگاه خود را روی حالت تیره تنظیم کرده باشند به صورت خودکار حالت تاریک وردپرس شما را مشاهده می‌کنند.

گزینه بعدی که به صورت پیشفرض روشن است گزینه Show Floating Switch است. با روشن کردن این گزینه کاربران می‌توانند هر زمانی که خواستند دید خود را در سایت به حالت تاریک تغییر دهند، حتی اگر گزینه Dark Mode را در دستگاه خود فعال نکرده باشند.

تب General Settings در افزونه WP Dark Mode

حالا اگر به وبسایت خود رفته می‌بینید که دکمه سوئیچ به حالت تاریک وردپرس در گوشه پایین سمت راست ظاهر شده است.

برای تغییر به حالت تاریک روی آن کلیک کنید.

دکمه حالت تیره در ورپرس

گزینه‌های بیشتری برای تغییرات و شخص‌سازی در همین صفحه وجود دارد، اما در نسخه رایگان این افزونه محدود شده است.

به طور مثال برای تغییر ظاهر دکمه سوئیچ روی تب Display Settings کلیک نمایید.

تب Display Settings در افزونه WP Dark Mode

همچنین در تب Style Settings می‌توانید رنگ‌های حالت تاریک را سفارشی کنید.

تب Style Settings در افزونه WP Dark Mode

افزودن حالت تاریک به پیشخوان مدیریت

قسمت پنل مدیریت وردپرس به صورت پیشفرض طرح‌های رنگی دارد اما هیچکدام آن‌ها باعث کاهش نور سفید صفحه نمی‌شوند. خوشبختانه این افزونه این مشکل را حل می‌کند.

خب حالا بیایید ببینیم چطور باید حالت تاریک وردپرس را به قسمت مدیریت اضافه کنیم.

کافی است به همان صفحه در قسمت تنظیمات > WP Dark Mode رفته و بر روی تب General Settings کلیک کنید. سپس ، گزینه “Enable Backend Darkmode” را روشن نمایید. فراموش نکنید روی دکمه ذخیره در پایین صفحه کلیک کنید.

فعال کردن حالت تاریک وردپرس در قسمت مدیریت

بعد از ذخیره تغییرات به قسمت بالای پنل مدیریت دکمه سوئیچ به حالت تاریک ظاهر خواهد شد.

سوئیچ حالت روشن و تاریک پنل مدیریت

با کلیک روی آن سریعا پنل شما به حالت تاریک یا روشن تغییر می‌کند.

نکته: اگر وبسایت شما دارای تعدادی کاربر هست، هر شخص می‌تواند مطابق میل خود حالت صفحه را تغییر دهد.

افزودن دکمه حالت تاریک به مطالب

یک ویژگی مفید دیگر این افزونه امکان اضافه کردن دکمه حالت تاریک در هر جای مطالب شماست. به راحتی می‌توانید با ویرایشگر گوتنبرگ دکمه را در حین نوشتن مطالب به بالا یا پایین و حتی میان آن اضافه نمایید.

دکمه حالت تاریک در ویرایشگر

 

خب این آموزش وردپرس ما هم تمام شد.

امیدواریم توانسته باشیم نحوه اضافه کردن حالت تاریک به وردپرس را به خوبی آموزش داده باشیم.

موفق باشید.

 

منبع: wpbeginner

 

برچسب ها:

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *