learndl zhaket triboon

اضافه کردن حالت شب به قالب وردپرس با افزونه 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 را فعال کنید.

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

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

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

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

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

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

به این مطلب امتیاز دهید

امتیاز کلی : 3 / 5. تعداد آرا : 1

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

وبیت این پست توسط نگارش شده است.

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 1 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود
  • ali 4 آبان 1400 پاسخ

    سلام امکانش هست این دکمه تغییر حالت رو به نوار منو بالای صفحه انتقال داد؟

همکاران وبیت