shkhe
فعالسازی حالت Dark mode در وردپرس فعالسازی حالت Dark mode در وردپرس
adminPhoto

علی شفیعی

مدیرعامل

فعالسازی حالت Dark mode در وردپرس

۱۴۰۱/۰۵/۲۷

اشتراک گذاری مطلب

فعالسازی حالت Dark mode در وردپرس کار بسیار ساده‌ای است.در سال‌های اخیر استفاده از دکمه حالت شب در وب‌سایت‌ها بسیار محبوبیت پیدا کرده است.

علت اصلی آن افزایش استفاده از تلفن‌های همراه می‌باشد.

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

از این رو بسیاری از وب‌سایت‌ها این قابلیت را به سایت خود اضافه کرده‌اند.

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

مخصوصا زمانی که در یک محیط تاریک قصد دارید از تلفن همراه خودتان استفاده کنید.

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

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

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

مزایا استفاده از Dark mode

  • کاهش نور سفید در صفحه
  • صرفه‌جویی در مصرف انرژی و افزایش عمر باتری دستگاه
  • کاهش فشار بر چشم افراد
  • افزایش زمان استفاده از صفحه

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

اگر از وردپرس استفاده می‌کنید این کار کاملا با استفاده از یک افزونه امکان‌پذیر است.

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

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

حالت تاریک شامل تغییر پس زمینه رابط کاربری (UI) به رنگ تیره تر است، در حالی که حالت شب شامل تغییر رنگ ساطع شده از صفحه نمایش است.

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

با این گفته، بیایید نگاهی بیندازیم که چگونه می‌توانید حالت ب را به سایت وردپرس خود اضافه کنید.

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

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

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

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

پس از نصب، چیزی در تنظیمات یا هیچ منوی اضافی نخواهید دید.

کاری که باید انجام دهید این است که به منوی نمایش بروید و در آنجا منوهای خود را ویرایش کنید.

در منوی اصلی خود باید یک پیوند سفارشی بدون هیچ URL خاصی اضافه کنید.

این آیتم جدید منو به ما کمک می‌کند تا سوئیچ را برای فعال و غیرفعال کردن حالت شب اضافه کنیم.

به طور پیش فرض، WP Night Mode افزونه‌ای است که رنگ‌های تیره را به رابط کاربری شما اضافه نمی‌کند.

برای ایجاد قسمت‌های مشکلی صفحه باید خودتان دست به کار شوید.

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

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

برای تغییر رنگ‌های مربوط به حالت شب می‌توانید به راحتی بر روی گزینه مورد نظر کلیک کنید.

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

اضافه کردن کلاس css به لینک مورد نظر نیز با استفاده از dark-mode-toggler کاملا امکان‌پذیر است.

بعد از اعمال کردن این تنظیمات استفاده از دکمه حالت شب به راحتی امکان‌پذیر است.

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

 

گردآوری: نایس کدرز

دیدگاه ها

کامنتی برای این پست وجود نداره

چند مطلب دیگه

آخرین مطالب

افزودن دیدگاه


ارسال
بیخیال
shakhe 1 shakhe 2