برای استعلام یا ارسال سفارش اینجا کلیک کنید.

اضافه کردن حالت شب به قالب وردپرس با افزونه WP Dark Mode

 add-dark-mode-to-wordpress اضافه کردن حالت شب به قالب وردپرس با افزونه WP Dark Mode

حالت شب (حالت تاریک) یکی از قابلیت‌های کاربردی و جذاب هر وبسایت و اپلیکیشن به شمار می‌رود که کاربران را ترغیب به مطالعه مطالب در محل‌های کم نور می‌کند. این امکان به خصوص در سایت‌های محتوا محور کاربرد بسیار زیادی دارد. در ادامه با آموزش اضافه کردن حالت شب به قالب وردپرس و پنل مدیریت سایت همراه ما باشید تا به آسانی و در عرض چند ثانیه این کار را انجام دهید.

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

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

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

در زبانه General Settings گزینه Enable OS aware Dark Mode بصورت فعال قرار دارد؛ این بدان معنی است که اگر دیواس بازدیدکنندگان شما در حالت تاریک قرار داشته باشد، سایت شما هم به همین شکل نمایش داده خواهد شد.

گزینه Show Floating Switch هم بطور پیش‌فرض فعال است؛ یعنی کاربران خودشان بتوانند تاریک یا روشن بودن قالب را انتخاب کنند.

 wp-dark-mode-settings-general اضافه کردن حالت شب به قالب وردپرس با افزونه WP Dark Mode

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

 dark-mode-switch-on-website اضافه کردن حالت شب به قالب وردپرس با افزونه WP Dark Mode

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

برای مثال، اگر به زبانه Display Settings در تنظیمات مراجعه کنید، استایل‌های مختلفی برای دکمه سوئیچ وجود دارند که فقط دو مورد اول برای نسخه رایگان در دسترس هستند.

 display-settings-wp-dark-mode اضافه کردن حالت شب به قالب وردپرس با افزونه WP Dark Mode

همچنین می‌توانید رنگبندی حالت تاریک را در زبانه Style Settings تغییر دهید؛ در این قسمت هم فقط دو استایل اول قابل استفاده در نسخه رایگان هستند.

 style-settings-wp-dark-mode اضافه کردن حالت شب به قالب وردپرس با افزونه WP Dark Mode

پس از ایجاد تغییرات، برای ذخیره شدن روی دکمه Save Settings کلیک کنید.

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

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

با این پلاگین امکان افزودن Dark Mode به پنل وردپرس هم وجود دارد.

در صفحه تنظیمات، وارد زبانه General Settings شوید و در انتهای بخش، گزینه Enable Backend Darkmode را فعال کنید.

 enable-backend-dark-mode-toggle اضافه کردن حالت شب به قالب وردپرس با افزونه WP Dark Mode

پس از ذخیره سازی، سوئیچ حالت روشن/تاریک در نوار ابزار بالای صفحه نمایان خواهد شد.

 light-dark-admin-toggle-wp-dark-mode اضافه کردن حالت شب به قالب وردپرس با افزونه WP Dark Mode

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

 wordpress-block-editor-dark-mode اضافه کردن حالت شب به قالب وردپرس با افزونه WP Dark Mode

امیدواریم که از این آموزش لذت برده باشید.

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

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده اید و با آن موافق هستید.

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

آخرین نمونه کار ها مشاهده همه

آخرین طرح های اختصاصی اجرا شده