نحوه افزودن حالت تاریک با WP Dark Mode pro

نحوه افزودن حالت تاریک با WP Dark Mode pro

باکس دانلود افزونه و قالبهای موردنیاز آموزش زیر

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

امروزه بسیاری از دستگاه ها با پشتیبانی از حالت تاریک پیشفرض ارائه می شوند. افزودن حالت تاریک به وبسایت خود, به صورت خودکار طراحی شما را با ترجیح مرورگر کاربران تطبیق می دهد. حتی می توانید یک دکمه تغییر حالت تاریک نیز به سایت وردپرسی خود اضافه کنید. در این مقاله ، ما به شما نشان خواهیم داد که چگونه می توانید حالت تاریک را به راحتی در وبسایت وردپرس خود هم در قسمت فرانت_اند و هم در بخش پیشخوان وردپرس اضافه کنید.

حالت تاریک چیست و چرا باید آن را به وب سایت خود اضافه کنیم؟

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

اگر گوشی آیفون یا دستگاه اندروید دارید ، شاید بتوانید به سادگی و با استفاده از یک دکمه به حالت تاریک بروید. متناوباً ، در رایانه خود ، می توانید وبسایت ها را در حالت تاریک با استفاده از برنامه افزودنی Chrome مانند Night Eye مشاهده کنید. در اینجا نحوه مشاهده وب سایت WPBeginner با استفاده از افزودنی که نام بردیم را مشاهده میکنید:

حالت تاریک در WpBeginner
حالت تاریک در WpBeginner

افزودن حالت تاریک به سایت شما این امکان را به کاربران می دهد که هنگام مشاهده سایت حالت تاریک را روشن و خاموش کنند. همچنین به شما امکان کنترل بیشتر بر نحوه به نظر رسیدن سایت در حالت تاریک را می دهد.

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

حالت تاریک در YouTube
حالت تاریک در YouTube

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

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

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

ابتدا باید پلاگین WP Dark Mode را نصب و فعال کنید (همچنین میتوانید نسخه پرومیوم این افزونه را بصورت رایگان از صفحه افزونه Wp Dark Mode Pro آلتیمیت فروم دانلود کنید). اگر با نصب افزونه وردپرس آشنا نیستید، میتوانید به راهنمای گام به گام نحوه نصب افزونه وردپرس ما مراجعه کنید.

پس از فعال سازی ، به صفحه ” تنظیمات » WP Dark Mode ” در پیشخوان وردپرس خود بروید و بر روی تب General Settings کلیک کنید. باید به طور خودکار به آنجا هدایت شوید.

در اینجا ، تنظیم “Enable OS aware Dark Mode” برای شما روشن شده است. این بدان معناست که بازدیدکنندگان به طور خودکار نسخه حالت تاریک سایت شما را هنگام تنظیم دستگاه خود روی حالت تاریک مشاهده می کنند.

تنظیم “Show Floating Switch” نیز روشن شده است. این بدان معناست که کاربران می توانند هر زمان دید خود را در سایت به حالت تاریک تغییر دهند ، حتی اگر گزینه Dark Mode را در دستگاه خود فعال نکرده باشند.

تنظیمات افزونه Wp Dark Mode
تنظیمات افزونه Wp Dark Mode

فقط به وبسایت خود مراجعه کنید ، سوئیچ را در گوشه پایین سمت راست مشاهده خواهید کرد. برای تغییر فوری سایت خود به حالت تاریک، روی آن کلیک کنید:

سوییچ تغییر حالت شب

گزینه های سفارشی سازی بیشتری در صفحه ” تنظیمات » WP Dark Mode ” وجود دارد. با این حال ، این موارد با افزونه رایگان کاملاً محدود شده است.

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

تغییر سبک سوییچ حالت تاریک
تغییر سبک سوییچ حالت تاریک

همچنین می توانید رنگهای حالت تیره را با استفاده از برگه Style Settings سفارشی کنید:

پالت رنگ های حالت شب
پالت رنگ های حالت شب

مطمئن شوید که پس از انجام هرگونه تغییر بر روی دکمه ذخیره تنظیمات کلیک کنید.

توجه: با نسخه رایگان WP Dark Mode، شما فقط 2 سبک سوئیچ شناور و 2 ایستگاه از پیش تنظیم رنگ اول را انتخاب می کنید.

نسخه حرفه ای WP Dark Mode گزینه های طراحی بیشتری را ارائه می دهد ، به علاوه امکان روشن کردن حالت تاریک در زمان های خاص و گزینه افزودن کد CSS سفارشی را نیز داراست.

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

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

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

کافی است به صفحه ” تنظیمات »WP Dark Mode ” بروید و روی تب General Settings کلیک کنید. سپس ، کلید “Enable Backend Dark mode” را به موقعیت روشن تغییر دهید. فراموش نکنید که روی دکمه ذخیره تنظیمات در پایین صفحه کلیک کنید:

حالت تاریک برای پیشخوان وردپرس
حالت تاریک برای پیشخوان وردپرس

اکنون یک کلید جدید در نوار بالای منطقه مدیریت خود مشاهده خواهید کرد:

سوییچ حالت شب در پیشخوان
سوییچ حالت شب در پیشخوان

کافی است روی این کلید کلیک کنید تا فوراً قسمت مدیر خود را به حالت تاریک تغییر دهید.

نکته: اگر سایت شما چندین کاربر وردپرس دارد ، هر شخص می تواند حالت تاریک را مطابق میل خود روشن و خاموش کند.

از آنجا که « حالت تاریک » یک طرح رنگ مدیر نیست ، به راحتی می توانید از آن به همراه یک طرح رنگ مدیر موجود در وردپرس استفاده کنید. برای تنظیم این مورد ، کافیست به قسمت ” کاربران » شناسنامه ” بروید و روی گزینه ای در Admin Color Scheme کلیک کنید.

توجه داشته باشید که برای دیدن گزینه های طرح رنگ مدیر باید حالت تاریک را خاموش کنید:

تغییر پالت رنگ حالت شب در پیشخوان
تغییر پالت رنگ حالت شب در پیشخوان

هنگام نوشتن پست در ویرایشگر بلوک گوتنبرگ وردپرس ، می توانید حالت تاریک را نیز تغییر دهید. روی نماد رنگ کوچک در بالا سمت راست کلیک کنید ، سپس حالت مورد نظر برای استفاده را انتخاب کنید:

حالت تاریک در نوشتن پست
حالت تاریک در نوشتن پست

اکنون ، میتوانید شبانه بدون اینکه چشمهایتان خسته شود ، به راحتی در وبسایت خود بنویسید و کار کنید.

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

هدیه ما به شما دانلود نسخه پرومیوم افزونه Wp Dark Mode بصورت رایگان از آلتیمیت فروم .

منابع لاتین
_ WpBeginner
تیم تولید محتوا _ آلتیمیت وردپرس
ما در تیم تولید محتوای آلتیمیت وردپرس، سخت در تلاش هستیم تا بهترین مقالات آموزشی در زمینه وردپرس و کسب‌و‌کارهای اینترنتی را برای شما فراهم کنیم. محتوای این صفحه توسط یوسف حسینی کنترل و بررسی خواهد شد.

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