کیت وردپرس
کاربر عزیز خوش آمدیدورود ثبت نام
  • آموزش المنتور فارسی
  • آموزش طراحی سایت
  • آموزش سئو
  • افزونه وردپرس
    • افزونه Yoast SEO Premium
  • آموزش های وردپرس
    • آموزش کامل قالب وودمارت
    • آموزش کامل قالب سون
    • آموزش کامل قالب انفولد
    • ساخت حساب کاربری در وردپرس
    • آموزش طراحی سایت دیجی کالا
    • آموزش کامل گوگل کنسول جدید
    • آموزش کامل افزونه Yoast seo
    • آموزش کامل امنیت وردپرس
    • آموزش سئو وردپرس حرفه ای
    • آموزش جامع ووکامرس
    • آموزش افزونه رایگان WP Rocket
    • آموزش وردپرس حرفه ای
  • ساخت فروشگاه اینترنتی حرفه ای
  • درباره ما
    • درباره کیت وردپرس
    • تماس با ما
    • راهنمای خرید
    • ثبت شکایات

ورود / ثبت نام

  • آموزش المنتور فارسی
  • آموزش طراحی سایت
  • آموزش سئو
  • افزونه وردپرس
    • افزونه Yoast SEO Premium
  • آموزش های وردپرس
    • آموزش کامل قالب وودمارت
    • آموزش کامل قالب سون
    • آموزش کامل قالب انفولد
    • ساخت حساب کاربری در وردپرس
    • آموزش طراحی سایت دیجی کالا
    • آموزش کامل گوگل کنسول جدید
    • آموزش کامل افزونه Yoast seo
    • آموزش کامل امنیت وردپرس
    • آموزش سئو وردپرس حرفه ای
    • آموزش جامع ووکامرس
    • آموزش افزونه رایگان WP Rocket
    • آموزش وردپرس حرفه ای
  • ساخت فروشگاه اینترنتی حرفه ای
  • درباره ما
    • درباره کیت وردپرس
    • تماس با ما
    • راهنمای خرید
    • ثبت شکایات
  • منوی بالا
    • ناحیه کاربری
    • انجمن
    • درگــاه
    • تبلیـغــات
    • سفارش کار
شما اینجا هستید :
  • صفحه اصلی
  • آموزش های وردپرس
  • آموزش قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode

آموزش قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode

دسته بندی ها: آموزش های وردپرس 1697 بازدید بدون دیدگاه پگاه گیوی ۲۶ آبان ۱۳۹۹
آموزش اضافه کردن حالت شب به سایت در وردپرس

خلاصه این صفحه :

  • نصب و فعالسازی برای قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode
    • افزودن حالت تاریک به قسمت پیشخوان وردپرس
    • افزودن قابلیت dark mode به سایت وردپرس
    • ویژگی های افزونه WP DARK MODE

قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode به شما کمک می کند تا حالت تاریک را هم برای داشبورد مدیریت وردپرس خود و هم برای کاربرانی که از سایت شما بازدید می کنند، اضافه کنید. زمانی که شما ویژگی dark mode را به سایت خود اضافه می کنید، با کاهش نور سفید از صفحه نمایش، کار در ساعات آخر روز آسان تر می شود. همچنین کاربرانی که در ساعات پایانی روز به سایت شما مراجعه می کنند، اگر حالت dark mode را در سیستم خود فعال کرده باشند، می توانند سایت شما را با تم تیره ببینند و از این رو تجربه کاربری بهتری خواهند داشت.

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

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

قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode
قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode

وبسایت های معروف مانند YouTube نیز طرح رنگی تیره را ارائه می دهند. با این کار کاربران می توانند تجربه کاربری بهتری را در ساعات پایانی روز برای تماشای ویدیو داشته باشند.

قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode
تم تاریک YouTube

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

WP Dark Mode از همه سیستم عامل های اصلی از جمله iOS ، Android ، macOS یا ویندوز ۱۰ پشتیبانی می کند.

نصب و فعالسازی برای قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode

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

قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode
نصب و فعالسازی افزونه wp dark mode

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

قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode
قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode

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

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

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

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

همانطور که گفتیم، اولین کاری که باید انجام دهید نصب و فعالسازی افزونه Dark Mode است.

برای فعال کردن dark mode در بخش پیشخوان وردپرس، بر روی گزینه wp dark mode کلیک کنید و سپس وارد تب تنظیمات عمومی یا همان General Settings شوید. بر روی گزینه Backend Darkmode کلیک کرده و آن را فعال کنید. پس از ذخیره تنظیمات خواهید دید که چگونه بخش پیشخوان شما به حالت تم تیره در می آید.

قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode
انجام تنظیمات مرتبط در افزونه wp dark mode

همان طور که در تصویر بالا مشاهده می کنید، دکمه جدیدی بالای صفحه ادمین وردپرس ظاهر شده است که با کلیک روی آن، می توانید قابلیت Dark Mode را فعال و غیر فعال کنید.

ممکن است یک وبسایت چندین کاربر داشته باشد که برخی از آن ها مایل نباشند از قابلیت dark mode استفاه کنند؛ جای هیچ نگرانی نیست! چون با فعال کردن دکمه show floating switch،  هرکدام از آن ها می توانند با کلیک روی این گزینه حالت شب را برای خود فعال یا غیر فعال کنند.

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

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

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

افزودن قابلیت dark mode به سایت وردپرس

پس از فعالسازی این افزونه، وارد تب General Settings شوید.

برای قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode کافی است تا گزینه Enable OS aware Dark Mode را فعال کنید. حالا هر کاربری که قابلیت تم تیره را در دستگاه خود فعال کرده باشد، موقع مراجعه به سایت شما هم آن را تیره می بیند.

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

شما می توانید با فعال کردن گزینه  “نمایش سوئیچ شناور” یا “Show Floating Switch” ، امکان بازدید با قابلیت dark mode را برای کاربران خود فراهم کنید.

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

قرار دادن حالت شب در سایت ا استفاده از افزونه wp dark mode
قرار دادن حالت شب در سایت با استفاده از افزونه wp dark mode

ویژگی های افزونه WP DARK MODE

این افزونه در همه سیستم عامل ها از جمله Android ، iOS ، macOS کار می کند. تنظیمات خاصی لازم نیست؛ چرا که این افزونه به طور هوشمند ترجیحات دستگاه را تشخیص می دهد. یعنی اگر شخصی dark mode را در دستگاه خود فعال کرده باشد و این سایت نیز قابلیت مشاهده تم تیره را فعال کرده باشد، سایت به طور خودکار برای کاربر با تم رنگی تیره نمایش داده می شود.

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

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

۲. عنصر حالت تاریک

با استفاده از ویجت (تغییر حالت تاریک)، دکمه تغییر حالت تاریک را می توانید در هر صفحه یا پست به صورت دلخواه قرار دهید.

۳. ویجت حالت تاریک

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

۴. طرح زمینه خودکار سیستم عامل

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

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

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

۶. Schema Color از پیش تنظیم شده

۲ طرح رنگی پیشفرض وجود دارد که برای تغییر سریع رنگ های استفاده شده در حالت تاریک، قابل استفاده است.

امیدواریم که این مقاله مورد توجه شما خواننده گرامی قرار گرفته باشد.

برچسب ها :افزونه Dark Mode افزونه حالت دارک مود
به اشتراک بگذارید :
درباره نویسنده
پگاه گیوی

پگاه گیوی 54 نوشته در کیت وردپرس دارد . مشاهده تمام نوشته های پگاه گیوی
نوشته های مشابه
افزونه ایجاد تب در وردپرس
افزونه ایجاد تب در وردپرس
آموزش ستاره دار کردن مطالب وردپرس در گوگل
آموزش ستاره دار کردن مطالب وردپرس در نتایج گوگل
نمایش پرفروش ترین محصولات ووکامرس با کد و افزونه
آموزش نمایش پرفروش ترین محصولات ووکامرس
آموزش غیر فعال کردن آپدیت خودکار وردپرس
آموزش نمایش اسلایدر محصولات ووکامرس با بهترین افزونه
آموزش ساخت اسلایدر محصولات ووکامرس با بهترین افزونه
آموزش ایجاد جستجوی ایجکسی در وردپرس
آموزش ایجاد جستجوی ایجکسی در وردپرس با افزونه Ajax Search Lite
دیدگاههای کاربران

ثبت دیدگاه

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


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

افزونه ایجاد تب در وردپرس

آموزش ستاره دار کردن مطالب وردپرس در نتایج گوگل

آموزش ستاره دار کردن مطالب وردپرس در نتایج گوگل

۵ نکته انتخاب عنوان جذاب سئو، چگونه عنوان سئو شده بنویسیم؟

۵ نکته انتخاب عنوان جذاب سئو، چگونه عنوان سئو شده بنویسیم؟

الگوریتم های گوگل، معرفی ۸ الگوریتم عمده گوگل که باید بدانید

الگوریتم های گوگل، معرفی ۸ الگوریتم عمده گوگل که باید بدانید

آموزش لینک سازی خارجی، روش لینک سازی خارجی

آموزش لینک سازی خارجی، روش لینک سازی خارجی

آموزش لینک سازی داخلی در وردپرس، استراتژی لینک سازی داخلی

آموزش لینک سازی داخلی در وردپرس، استراتژی لینک سازی داخلی

کانال تلگرام کیت وردپرس
شبکه های اجتماعی
آدرس اینستاگرام کیت وردپرس
جدیدترین محصولات
آموزش طراحی سایت حرفه ای ۰ تا ۱۰۰

آموزش طراحی سایت حرفه ای ۰ تا ۱۰۰

آموزش طراحی سایت دیجی کالا – آموزش ساخت سایت مشابه دیجی کالا

آموزش طراحی سایت دیجی کالا – آموزش ساخت سایت مشابه دیجی کالا

دوره آموزش جامع سئو وردپرس

دوره آموزش جامع سئو وردپرس

نمادهای سایت

لوگوی اینماد

subscribe-icon

اشتراک در خبرنامه ما

و دریافت آخرین اخبار و پیشنهادات

  • طراحی سایت کاشان – طراحی سایت در کاشان
  • حساب کاربری
  • ثبت نام در سایت
  • فراموشی رمز

تمامی حقوق مطالب برای "کیت وردپرس"محفوظ است و هرگونه کپی برداری بدون ذکر منبع ممنوع می باشد.

سایت : کیت وردپرس