افزونه های وردپرس

فعال سازی حالت شب در وردپرس با افزونه WP Night Mode

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

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

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

فعال سازی حالت شب در وردپرس

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

این افزونه تا کنون با بیش از 500 نصب فعال توانسته است امتیاز 4.9 را از کاربران خود بدست بیاورد. برای فعال سازی حالت شب در وردپرس با کلیک روی دکمه زیر افزونه حالت شب را از مخزن وردپرس دانلود نمایید و سپس به کمک آموزش نحوه نصب افزونه ها در وردپرس اقدام به نصب و فعالسازی آن در وبسایت خود نمایید.

این مطلب را از دست ندهید :
ریست وردپرس و برگرداندن تنظیمات اولیه به وردپرس با افزونه WP Reset

دانلود افزونه WP Night Mode

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

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

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

در این زیر منو در بخش نشانی عبارت # و در بخش متن می توانید از هر عبارت دلخواهی مانند Night Mode و یا حالت شب استفاده کنید. نکته مهم این است که در بخش کلاس های CSS این منو باید شورت کد افزونه را قرار دهید. برای فعال سازی افزونه عبارت زیر را در بخش کلاس های CSS وارد کنید.

wp-night-mode

اکنون فهرست خود را ذخیره کنید و به یکی از صفحات خود سر بزنید. دکمه ای در بخش فهرستتان برای تغییر حالت به روز و شب خواهید دید که با کلیک روی آن می توانید حالت شب را فعال نمایید.

تغییر حالت به شب در وردپرس
دکمه تغییر حالت

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

حالت شب در وردپرس
فعالسازی حالت شب از طریق منو

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

[wp-night-mode-button]

دقت کنید که برای اجرای شورت کد، باید حتما آن را در بخش متن ویرایشگر خود وارد نمایید.

این مطلب را از دست ندهید :
قرار دادن باکس کد در نوشته با افزونه Crayon Syntax Highlighter

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

حالت شب در وردپرس
دکمه تغییر حالت در مقالات

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

حالت شب
نمایش حالت شب در وردپرس

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

عاطفه نوربخش

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

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

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

۴ دیدگاه

وردپرس نارنجی در جشنواره وب و موبایل ایران شرکت کرده است.به این وب سایت رای دهید
+
بستن