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

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

اضافه کردن حالت شب به قالب وردپرس

ابتدا باید افزونه WP Dark Mode را از مخزن وردپرس نصب و فعالسازی کنید (لینک در انتهای مطلب).

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

در زبانه General Settings گزینه Enable OS aware Dark Mode بصورت فعال قرار دارد؛ این بدان معنی است که اگر دیواس بازدیدکنندگان شما در حالت تاریک قرار داشته باشد، سایت شما هم به همین شکل نمایش داده خواهد شد.

گزینه Show Floating Switch هم بطور پیش‌فرض فعال است؛ یعنی کاربران خودشان بتوانند تاریک یا روشن بودن قالب را انتخاب کنند.

اگر وبسایت خود را مشاهده کنید، می‌بینید که در گوشه پایین سمت راست یک آیکون اضافه شده است. با کلیک روی آن، قالب به حالت تاریک/روشن سوئیچ می‌شود.

گزینه‌های دیگری هم در صفحه تنظیمات افزونه وجود دارند که به شما در شخصی سازی تم کمک می‌کنند اما بعضی از آنها در نسخه رایگان افزونه محدود شده‌اند.

برای مثال، اگر به زبانه Display Settings در تنظیمات مراجعه کنید، استایل‌های مختلفی برای دکمه سوئیچ وجود دارند که فقط دو مورد اول برای نسخه رایگان در دسترس هستند.

همچنین می‌توانید رنگبندی حالت تاریک را در زبانه Style Settings تغییر دهید؛ در این قسمت هم فقط دو استایل اول قابل استفاده در نسخه رایگان هستند.

پس از ایجاد تغییرات، برای ذخیره شدن روی دکمه Save Settings کلیک کنید.

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

در تنظیمات وردپرس، پالت‌های رنگی مختلفی برای تغییر رنگ پیشخوان قرار گرفته‌اند اما متاسفانه هیچکدام از آنها ارتباطی با رنگ سفید پیش‌فرض ندارد.

با این پلاگین امکان افزودن Dark Mode به پنل وردپرس هم وجود دارد.

در صفحه تنظیمات، وارد زبانه General Settings شوید و در انتهای بخش، گزینه Enable Backend Darkmode را فعال کنید.

پس از ذخیره سازی، سوئیچ حالت روشن/تاریک در نوار ابزار بالای صفحه نمایان خواهد شد.

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

امیدواریم که از این آموزش لذت برده باشید.