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

1402/06/13
22 بازدید

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

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

چگونه اضافه کردن دارک مود به وردپرس را انجام دهیم؟

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

اکثر وب سایت ها گزینه ای برای روشن یا خاموش کردن حالت تاریک در هر زمان دارند. برای مثال، یوتیوب محبوب‌ترین وب‌سایت اشتراک‌گذاری ویدیو در جهان است و بدون توجه به ساعتی که باشد، بازدیدهای بالایی دارد. برای کمک به بینندگان در شب، حالت تاریک باعث می‌شود دیدن ویدیوها در اواخر شب کمتر به چشمان شما فشار وارد کند.

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

نحوه فعال کردن WP Dark Mode در وردپرس

متأسفانه، وردپرس یک عملکرد داخلی برای فعال کردن حالت تاریک در سایت شما ارائه نمی دهد. با این حال، این بدان معنا نیست که غیرممکن است! به لطف کتابخانه عظیم افزونه ها، می توانید چندین ابزار برای کمک به شما پیدا کنید.

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

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

اضافه کردن دارک مود به وردپرس
اضافه کردن دارک مود به وردپرس

هنگامی که افزونه خود را نصب کردید، نوبت به فعال کردن ویژگی های اصلی می رسد. اگر از WP Dark Mode استفاده می کنید، با رفتن به WP Dark Mode → Settings شروع کنید. تنظیمات مختلف زیادی را مشاهده خواهید کرد، اما در حال حاضر، ما بر روی اصول اولیه در تنظیمات عمومی تمرکز خواهیم کرد:

در مرحله بعد، مطمئن شوید که کلید Enable Frontend Darkmode در موقعیت روشن است. اکنون افزونه نسخه کم نور رابط کاربری شما را به طور پیش فرض نشان می دهد.

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

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

فعال سازی امکان سوییچ بین مود های مختلف

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

خوشبختانه، شما می توانید یک سوئیچ برای انجام این کار در اختیار آنها قرار دهید. در اینجا دو بخش اصلی وجود دارد: فعال کردن ویژگی، سپس سفارشی کردن آن. بیایید با اولین مورد با رفتن به WP Dark Mode → Settings → Switch Settings شروع کنیم:

اطمینان حاصل کنید که کلید Show Floating Switch در حالت روشن است. سپس، تغییرات خود را ذخیره کنید. به همین سادگی است: کاربران شما اکنون گزینه ای روی صفحه برای جابجایی بین حالت روشن و تاریک خواهند داشت. در اینجا می توانید به عناصر استایل نیز بپردازید. به عنوان مثال، تغییر طراحی دکمه زیر را در نظر بگیرید.

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

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آخرین مقالات