برای استعلام یا ارسال سفارش اینجا کلیک کنید.

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

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

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

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

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

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

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

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

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده اید و با آن موافق هستید.

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

آخرین نمونه کار ها مشاهده همه

آخرین طرح های اختصاصی اجرا شده