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

شاید خیلی ها حتی از این موضوع که اضافه کردن حالت شب به وردپرس (Dark Mode) وجود دارد بی اطلاع هستند. البته چند سالی است، که بسیاری از وب سایت ها و اپلیکیشن ها حالت شب را اضافه کرده اند و شما می توانید با کمک افزونه wp dark mode این حالت را در سایت خود فعال کنید. بهتر است بدانید، اضافه کردن حالت شب به سایت باعث می شود، که نور سفید صفحه نمایش شما کاهش پیدا کند، کاربر موردنظر زمان بیشتری را در سایت شما سپری کند، همچنین چشم کاربر نیز کمتر اذیت می شود.

کاربرانی که حالت dark mode را در سیستم خود فعال کرده باشند، می توانند سایت شما در شب با تم تاریک ببینند. به عنوان مثل: سایت محبوب و پرطرفدار YouTube با اضافه کردن حالت شب به سایت خود به کاربرها اجازه می دهد، تا در نیمه شب یا در محیط تاریک راحت تر بتوانند ویدیوها را مشاهده کنند. با شرکت طراحی سایت آرتیمان وب همراه باشید تا آموزش اضافه کردن حالت شب به وردپرس (dark mode) را یاد بگیرید.

نحوه اضافه کردن حالت شب به وردپرس (Dark Mode)

• برای اضافه کردن حالت Dark Mode به وردپرس، ابتدا باید افزونه WP Dark Mode را از طریق مخزن وردپرس نصب کنید.
• پس از نصب و فعال سازی، به قسمت تنظیمات بروید و تب WP Dark Mode را باز کنید. سپس روی گزینه General Settings کلیک کنید، تا حالت تاریک برای شما فعال گردد. (در این صورت کاربران، حالت تاریک سایت شما را زمانی که دستگاهشان را روی این حالت ست کنند، مشاهده خواهند کرد)
• سپس گزینه Show Floating Switch یا همان نمایش سوئیچ شناور را فعال کنید. با فعال کردن این گزینه، تمامی کاربران و بازدیدکنندگان می توانند، حالت سایت را هر زمان که می خواهند به حالت تاریک تغییر دهند.
• همچنین شما می توانید، به صفحه تنظیمات بروید و رنگ های Dark Mode خود را شخصی سازی کنید.

اضافه کردن حالت شب به وردپرس (Dark Mode) به قسمت پیشخوان وردپرس

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

با این کار می توانید، سوئیچ جدید را بالای صفحه ادمین وردپرس مشاهده کنید و با کلیک کردن روی آن حالت تاریک را فعال یا غیرفعال کنید. همچنین شما می توانید طرح رنگ ادمین خود را با حالت تاریک مطابقت دهید. برای اینکار، باید به قسمت کاربران بروید و گزینه پروفایل را انتخاب کرده و در قسمت رنگ بندی بخش مدیریت (Admin Color Scheme) تم رنگ مورد نظر خود را از میان رنگ های پیشنهادی انتخاب کنید (فقط دقت کنید برای انجام این کار باید حالت تاریک را خاموش کنید).

هزینه سئو سایت

مزایای حالت تاریک (Dark Mode)

در سطر زیر مزایای حالت تاریک آورده شده است، که شامل:

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

ویژگی های افزونه WP Dark Mode

افزونه wp dark mode در همه سیستم عامل ها از جمله: ios ، android و…. می توانید نصب کنید. فقط کافیست، حالت تاریک را در دستگاه خود فعال کنید و همچنین در سایت مورد نظر نیز قابلیت مشاهده تم تیره را فعال کرده باشید. ویژگی هایی که افروزنه WP Dark Mode دارد، شامل:

• دکمه سوئیچ شناور

شما می توانید، برای فعال یا غیر فعال کردن حالت تاریک، دکمه سوئیچ شناور را در پایین صفحه وب مورد نظر قرار دهید.

• حالت پیش فرض

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

• ویجت (Elementor) حالت تاریک

می توان با استفاده از ویجت (Elementor) دکمه سوئیچ را در هر صفحه یا پست قرار داد.

• ویجت گوتنبرگ حالت تاریک

با استفاده از بلوک گوتنبرگ (سوئیچ حالت تاریک) دکمه سوئیچ را در هر صفحه و پستی قرار دهید.

• تطبیق خودکار تم در سیستم عامل

اگر تم ترجیحی سیستم عامل تیره باشد، حالت تاریک سایت را به صورت خودکار نشان می دهد.

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

شما می توانید، حالت تاریک را در بخش مدیریت وردپرس فعال کنید.

• سازگار با تم ها

این افزونه یعنی wp dark mode با اکثر تم ها سازگار می باشد و خیلی کم پیش می آید که به مشکل بخورید.

• Schema color از پیش تنظیم شده

برای این که بتوانیم رنگ را عوض کنیم، دو طرح به عنوان پیش فرض وجود دارد، که می توانیم آن را استفاده کنیم.

قیمت طراحی سایت

نتیجه گیری

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