افزونه حالت شب وردپرس (Dark Mode) برای سایت
ممکن است شما هم عبارت هایی مانند: افزونه حالت شب وردپرس,فعال سازی حالت تاریک سایت,افزودن حالت شب به وردپرس,افزونه حالت تاریک سایت,نحوه فعال سازی دارک مود وردپرس,افزونه دارک مود برای وردپرس را جستجو کرده باشید.
آیا می خواهید حالت شب (Dark Mode) را به آسانی به سایت وردپرسی خود اضافه کنید؟
امروزه بسیاری از برنامه ها و پلتفورم ها با امکان دارک مود Dark Mode ارائه می شوند. افزودن حالت شب به سایت، طراحی سایت شما را با ترجیح کاربران سازگار تر می کند. و شما در جایگاه مدیر سایت می توانید برای تجربه بهتر مخاطبان تان این امکان را برای آن ها فراهم کنید.
در این مقاله، ما به شما آموزش خواهیم داد که چگونه به آسانی بتوانید کلید Dark Mode را به وب سایت خود اضافه کنید. هم در قسمت پیش خوان وردپرس و هم در صفحه اصلی سایت ( افزودن حالت شب به قالب وردپرس )
حالت شب چیست و چرا باید آن را به وب سایت خود اضافه کنیم؟
حالت شب، حالتی است که در دستگاه های تلفن همراه و رایانه ها برای کاهش میزان نور سفید صفحه استفاده می شود. اغلب برنامه ها به طور پیش فرض دارای حالت شب هستند. اما خاصیت این ها اکثرا استفاده از رنگ های گرمتر است. در حالی که در دارک مود Dark Mode از رنگ های تیره در پس زمینه استفاده می شود.
همانطور که بارها در استفاده از برنامه ها و نرم افزارهای تلفن همراه از کلید حالت شب استفاده کرده اید. متناوباً در رایانه خود هم می توانید وب سایت ها را در حالت تاریک مشاهده کنید. در این پست با معرفی افزونه حالت شب وردپرس Dark Mode این آموزش را پی خواهیم گرفت.
افزودن حالت تاریک به سایت این امکان را به کاربران سایت می دهد که هنگام مشاهده سایت با اختیار خود بتوانند حالت تاریک را روشن و یا خاموش کنند. بدون شک این امکان بسیار مورد پسند خواهد بود.
به عنوان مثال اگر دیده باشید در وب سایت های معروفی مانند YouTube هم کلید Dark Mode ارائه شده است. با این امکان کاربران حتی در اواخر نیمه شب از تماشای فیلم تجربه دلپذیر تری خواهند داشت.
امکان افزودن حالت شب به سایت و بخش مدیریت (افزونه دارک مود برای وردپرس)
علاوه بر افزودن حالت تاریک به صفحه اصلی وب سایت، حتی می توانید حالت Dark Mode را به پیشخوان وردپرس خود نیز اضافه کنید. اگر جزو افرادی هستید که تا ساعت های آخر شب در سایت خود فعالیت می کنید. این امکان می تواند برای شما صاحب یک سایت وردپرسی بسیار مفید باشد.
در ابتدا نحوه اضافه کردن حالت تاریک به وب سایت با افزونه حالت شب وردپرس بررسی می کنیم. و سپس، با اضافه کردن حالت تاریک به بخش پیشخوان وردپرس ادامه خواهیم داد.
افزودن حالت شب به وب سایت وردپرس ( قالب وردپرس )
برای افزودن حالت شب وردپرس ابتدا باید پلاگین WP Dark Mode را نصب و فعال سازی کنید. پس از فعال سازی، به صفحه تنظیمات وردپرس »WP Dark Mode در پیشخوان سایت خود بروید. و بر روی تب General Settings کلیک کنید. باید به طور خودکار به آنجا هدایت شوید.
همانطور که در تصویر مشاهده می کنید. در این بخش گزینه “Enable OS aware Dark Mode” روشن شده است. این به این معناست که بازدیدکنندگان به طور خودکار نسخه حالت تاریک سایت شما را هنگام تنظیم دستگاه خود روی حالت تاریک مشاهده می کنند.
طبق تصویر گزینه “Show Floating Switch” نیز روشن شده است. این گزینه به این معناست که کاربران می توانند هر زمان که بخواهند صفحه سایت را به حالت تاریک تغییر دهند. البته این دو مورد به طور خودکار فعال هستند و نیازی نیست تغییری در آن ها ایجاد کنید.
خب حالا وقت آن است که به وب سایت خود مراجعه کنید. کلید تغییر به حالت شب را در گوشه پایین سمت راست مشاهده خواهید کرد. فقط کافی است روی آن کلیک کنید تا صفحه سایت بلافاصله به حالت تاریک منتقل شود( حالت شب قالب وردپرس ). مانند تصویر زیر:
توجه: در نسخه رایگان افزونه حالت شب وردپرس WP Dark Mode، فقط 2 تم کلید شناور و برخی دیگر از امکانات آن محدود تر شده است. اما در نسخه حرفه ای این افزونه گزینه های بیشتری برای طراحی جذابت تر ارائه شده است. به علاوه امکان روشن کردن حالت تاریک در زمان های خاص، گزینه افزودن کد CSS سفارشی و امکانات بیشتر.
افزودن حالت شب به پیشخوان وردپرس
افزودن حالت شب به پیشخوان وردپرس امکان دیگری است که می توانید با استفاده از افزونه معرفی شده فعال سازی کنید. وردپرس به طور پیش فرض دارای طرح های رنگی بخش مدیریت وردپرس است. اما هیچ یک از طرح های رنگی پیش فرض ارائه شده باعث کاهش نور سفید از صفحه شما نمی شوند.
در ادامه باهم بررسی کنیم که چگونه می توان به راحتی حالت تاریک را به پیشخوان وردپرس هم اضافه کرد. تا در ساعتهای آخر شب تجربه کاربری لذت بخشی تری داشته باشید.
کافی است به صفحه Settings »WP Dark Mode بروید و بر روی تب General Settings کلیک کنید. سپس، کلید “Enable Backend Darkmode” را به موقعیت روشن تغییر دهید.
فراموش نکنید که روی دکمه ذخیره تنظیمات در پایین قسمت کلیک کنید. تا کلید حالت شب در بخش پیشخوان وردپرس هم فعال شود.
پس از ذخیره سازی یک کلید جدید در نوار بالای پیشخوان وردپرس خود مانند تصویر زیر مشاهده خواهید کرد:
کافی است روی این سوییچ کلیک کنید تا بلافاصله بخش پیشخوان وردپرس به حالت تاریک تغییر کند.
نکته: اگر سایت شما چندین کاربر وردپرس دارد، هر شخص می تواند حالت تاریک را مطابق میل خود روشن و خاموش کند.
از آنجا که «حالت تاریک» یک طرح رنگ مدیر نیست. می توانید به راحتی از آن در کنار یک طرح رنگ مدیر موجود در وردپرس استفاده کنید. توجه داشته باشید برای فعال سازی حالت پیش فرض رنگ های بخش مدیریت وردپرس باید حالت Dark Mode را خاموش کنید.
امکان استفاده از سویچ حالت شب هنگام نوشتن پست
همچنین هنگام نوشتن پست در ویرایشگر وردپرس، می توانید از سویچ حالت تاریک استفاده کنید. مانند تصویر زیر روی نماد رنگ کوچک در بالا سمت راست کلیک کنید. سپس حالت مورد نظر برای استفاده را انتخاب کنید:
جمع بندی
امروزه اکثر کاربران ساعت های آخر شب از موبایل و یا کامپیوتر خود استفاده می کنند. سویچ به حالت شب گزینه ای است که کاربران به آن عادت کرده و در اکثر برنامه ها و اپلیکیشن های موبایلی به طور پیش فرض وجود دارد. افزودن این امکان به سایت وردپرسی می تواند بسیار سازگار تر با مخاطبان امروزی باشد.
طبق این آموزش امروز یاد گرفتیم که چطور به آسانی با استفاده از افزونه Dark Mode کلید حالت تاریک را به سایت وردپرسی خود اضافه کنیم.
امکان افزودن حالت تاریک به سایت، امکان افزونه دارک مود برای وردپرس به بخش مدیریت سایت و هنگام نوشتن پست از جمله ویژگی های اصلی این افزونه بود که می توانیم در بخش های مختلف سایت وردپرسی خود از این امکان استفاده کنید.
سلام خدمت شما، در خدمتتون هستم
سلام خدمت شما، در خدمتتون هستم
ثبت نظر جدید لغو پاسخ
لیست نظرات
-
چگونه از غول های فارسی بک لینک رایگان بگیریم ؟!!!
15 فروردين 140418 1,290 0 -
افزونه پنل کاربری حرفه ای و بهترین افزونه ثبت نام وردپرس MemberShip Pro درگاه زرین پال
12 شهريور 139915 5,319 5 -
افزایش سرعت بارگذاری – بهترین افزونه های کش وردپرس
20 آذر 139314 307 0 -
دانلود افزونه Gravity Forms : ساخت انواع فرم های وردپرس
27 آذر 139313 398 0 -
ارسال خودکار مطالب وردپرس به تلگرام، اینستاگرام و سایر شبکههای اجتماعی
1 ارديبهشت 14049 3,512 0 -
آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت
8 تير 13969 1,775 3 -
معرفی 7 افزونه ساخت سایت مشاور املاک وردپرس
21 ارديبهشت 14049 2,957 4.8 -
آموزش افزونه حتما بخوانید وردپرس
25 بهمن 13958 387 5
-
نشانهگذاری اسکیما چیست و چه تاثیری در نتایج جستجو دارد؟
25 ارديبهشت 14040 13 4 -
چگونه بدون از دست دادن اطلاعات، نسخه ووکامرس را به نسخه قبلی برگردانیم؟
25 ارديبهشت 14040 22 0 -
۸ تا از بهترین افزونههای لیست علاقهمندی ووکامرس برای فروشگاههای وردپرسی
24 ارديبهشت 14040 17 0 -
نحوه ساخت قالب وردپرس با React: آموزش گامبهگام پروژهمحور
23 ارديبهشت 14040 15 0 -
آموزش تنظیمات مالیات در ووکامرس (راهنمای کامل)
23 ارديبهشت 14040 15 0 -
افزایش سرعت سایت با افزونه jetpack وردپرس + آموزش
21 ارديبهشت 14040 463 0 -
معرفی 7 افزونه ساخت سایت مشاور املاک وردپرس
21 ارديبهشت 14049 2,957 4.8 -
آموزش پاکسازی وردپرس | شناسایی کد های مخرب و بد افزار
20 ارديبهشت 14041 1,007 5
تبلیغات متنی
به این مطالب نیز شاید علاقه مند باشید ...
مطالب مشابه
نشانهگذاری اسکیما چیست و چه تاثیری در نتایج جستجو دارد؟
نشانهگذاری اسکیما (Schema Markup) نوعی داده ساختاریافته است که به زبان ساده به موتورهای جستجو کمک میکند تا بهتر متوجه شوند محتوای هر صفحه وب درباره چیست. این دادهها مستقیماً به کدهای HTML سایت اضافه میشوند و اطلاعات دقیقتری درباره عناصر مختلف صفحه ارائه میدهند؛ مانند معرفی افراد، سازمانها، محصولات، رویدادها و حتی فیلمها. در […]
چگونه بدون از دست دادن اطلاعات، نسخه ووکامرس را به نسخه قبلی برگردانیم؟
آیا به دنبال روشی ساده برای تغییر نسخه ووکامرس بدون از بین رفتن دادهها هستید؟ اگر پس از بهروزرسانی ووکامرس با مشکلاتی مواجه شدهاید، دانگرید کردن به نسخه قبلی میتواند فروشگاه آنلاین شما را به وضعیت پایدار برگرداند. در این بخش از آموزش کامل بازگردانی وردپرس به نسخه قبلی، سه روش کاربردی برای بازگشت به […]
۸ تا از بهترین افزونههای لیست علاقهمندی ووکامرس برای فروشگاههای وردپرسی
اگر فروشگاه اینترنتی شما بر پایه ووکامرس ساخته شده، احتمالاً به دنبال راهی هستید تا تجربه خرید کاربران را جذابتر کنید و بازگشت آنها به سایت را افزایش دهید. یکی از سادهترین و مؤثرترین روشها برای این کار، استفاده از افزونه لیست علاقهمندی است. با استفاده از افزونه علاقه مندی ووکامرس برای سایت های وردپرسی، […]
نحوه ساخت قالب وردپرس با React: آموزش گامبهگام پروژهمحور
در این مقاله، قصد داریم با رویکردی پروژهمحور، نحوه طراحی قالب وردپرس با استفاده از React را آموزش دهیم. ادغام قدرت رابط کاربری React با سیستم مدیریت محتوای وردپرس، امکانی فراهم میکند تا قالبهایی سریع، مدرن و تعاملی طراحی کنید. این راهنما به شما کمک میکند تا با استفاده از ابزارهای مدرن، یک قالب وردپرس […]
مدت ها بود سایت هایی رو میدیدم که این حالت شب رو به سایت و قالبشون اضافه کردند . واقعا کاربری بود ، ممنون