آموزش ایجاد حالت Dark Mode در وردپرس

    حالت Dark Mode یا حالت تاریک (شب) یک ویژگی هستش که در بعضی وب سایت ها قرار داده می شه و به کاربران این اجازه رو می ده که بتوانند زمینه وب سایت و بعضی از المان های وب سایت رو تنها با استفاده از یک کلیک به حالت تیره رنگ (معمولا مشکی رنگ) در بیاورند.مسلما این ویژگی می تونه روی UX وب سایت شما تاثیر مطلوبی بگذاره و وب سایت شما کاربر پسند تر بشه.

    افزونه WP Dark Mode :

    حالت Dark Mode

    دانلود افزونه :

    توضیحات افزونه :

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

    نصب و استفاده از افزونه :

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

    حالت Dark Mode

    توضیح قسمت های مختلف افزونه :

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

    اضافه کردن حالت Dark Mode به سایت :

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

    مثلا من یک برگه ایجاد می کنم،سپس بوسیله تغییر بوسیله المنتور وارد صفحه تغییرات المنتور می شوم و در مرحله بعد در قسمت المان های المنتور المان Dark Mod رو جستجو می کنم و بعد از پیدا کردن این المان اون رو به قسمت دلخواه خودم Drag می کنم.( مطابق تصویر زیر )

     

    حالت Dark Mode

    و بعد از بروزرسانی می تونید مشاهده کنید که این دکمه به صفحه مورد نظر شما اضافه شده (در صورتی که این مراحل رو طی نکنید همونطور که گفته شد بعد از نصب افزونه یک آیکون مطابق تصویر زیر به وب قسمت ظاهر وب سایت شما اضافه خواهد شد که با کلیک کردن بر روی اون می تونید حالت Dark Mode رو فعال یا غیر فعال کنید.)

    preview
    امین مرعشی

    امین مرعشی

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

    ۲ نظر

    ارسال نظر

    آدرس ایمیل شما منتشر نخواهد شد.