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

1403/06/22
99 بازدید

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

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

در این مقاله با ما همراه باشید تا نحوه افزودن حالت شب را در سایت وردپرسی با افزونه WP Dark Mode را بررسی نماییم.

دلیل فعال کردن حالت شب در سایت

اولین سوالی که ذهن شما را مشغول می‌کند این است که چرا باید این حالت را فعال کنیم و چه مزیتی دارد؟

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

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

نحوه فعال کردن حالت شب در وردپرس

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

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

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

افزونه WP Dark Mode

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

با هاست وردپرس آلمان زرین هاست، سرعت و امنیت بی‌نظیر را تجربه کنید

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

این افزونه در حال حاضر بیش از 10 هزار نصب فعال دارد.

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

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

آموزش استفاده از افزونه WP Dark Mode

ابتدا افزونه را از مخزن وردپرس نصب و فعال نمایید.


افزونه مورد نظر را در تصویر مشاهده می‌کنید و آن را نصب نمایید.

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

پیکربندی افزونه WP Dark Mode

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

با نصب این افزونه در پیشخوان سایت شما بخشی با نام WP Dark Mode ایجاد می‌شود که به تنظیمات افزونه از این طریق دسترسی خواهید داشت.


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

General Settings

اولین تب افزونه General Settings است که از طریق این تب می‌توانید تنظیمات پایه افزونه را مدیریت نمایید و فعال بودن یا نبودن آن را تعیین نمایید.

این بخش‌ها گزینه‌های متفاوتی دارد که در ادامه توضیح می‌دهیم:

  • Enable Frontend Darkmode: اگر این گزینه را فعال نمایید، بخش دارک مود در سایت شما فعال می‌شود و قابل استفاده است.
  • Enable Backend Darkmode: اگر قصد دارید تا حالت شب را به بک اند سایت اضافه نمایید، این گزینه را فعال نمایید.
  • Enable OS aware Dark Mode: اگر قصد دارید تا بازدیدکنندگان از طریق یک سوئیچ تعیین کنند که حالت شب فعال باشید یا خیر، این گزینه را فعال نمایید

 

Advanced Settings

تب دوم این افزونه Advanced Settings است که فقط گزینه اول رایگان است.


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

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

Color Settings

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


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

Accessibility Settings


در این بخش نیز فقط یک گزینه با نام Keyboard Shotcut که یک شورت کارت ترکیبی را در سایت فعال می‌کند و با کلیدهای ترکیبی “ctrl+alt+D” می‌توانید حالت تاریک را در سایت خود فعال یا غیرفعال نمایید.

Switch Settings

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

این مورد بسیار مهم است زیرا باید کاربر قابلیت این دکمه را درک نماید و می‌توانید از یک سری آیکون خاص این سوئیچ‌ها را شخصی‌سازی نمایید.


همانطور که در تصویر مشاهده می‌کنید آیکون‌ها و سوئیچ‌های مختلفی در دسترس است که فقط 3 مورد این سوئیچ‌ها رایگان است و برای دسترسی به همه سوئیچ ها نیاز است تا نسخه پرو افزونه را خریداری نمایید.

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

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

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

4 پاسخ

  1. خیر پیکربندی افزونه سادست راحت میتونید پیکربندی کنید

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

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

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

آخرین مقالات