طراحی سایت

  • ۰
  • ۰

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

چرا Dark Mode برای المنتور مهم است؟

  • حفاظت از بینایی: کاهش نور آبی و شدت روشنایی، فشار کمتری به چشم وارد می‌کند.

  • صرفه‌جویی در انرژی: مخصوصاً در نمایشگرهای OLED، رنگ مشکی به معنی خاموش بودن پیکسل‌هاست.

  • محیط کار مدرن‌تر: ظاهر رابط کاربری حرفه‌ای‌تر و شیک‌تر می‌شود.

  • بهبود بهره‌وری: تمرکز روی اجزای طراحی بیشتر می‌شود و حواس‌پرتی کمتر خواهد بود.

مراحل فعال‌سازی حالت تیره در المنتور

برای روشن کردن حالت تاریک در المنتور کافی است این مراحل را دنبال کنید:

  1. وارد داشبورد وردپرس شوید.

  2. به بخش Elementor → Settings بروید.

  3. از قسمت Preferences یا تنظیمات عمومی، گزینه Editor Dark Mode را پیدا کنید.

  4. حالت Dark را فعال کرده و تغییرات را ذخیره کنید.

اکنون محیط ویرایشگر المنتور شما به حالت تیره تغییر می‌کند و می‌توانید طراحی سایت را در محیطی راحت‌تر ادامه دهید.

نکات تکمیلی هنگام استفاده از حالت تاریک

  • می‌توانید هر زمان بخواهید بین حالت روشن (Light) و تاریک (Dark) جابه‌جا شوید.

  • این قابلیت بیشتر به محیط ویرایشگر مربوط است و ظاهر سایت شما برای بازدیدکنندگان تغییر نخواهد کرد.

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

نتیجه‌گیری

فعال‌سازی Dark Mode در المنتور فقط یک تغییر ظاهری نیست؛ بلکه ابزاری برای افزایش راحتی، صرفه‌جویی در انرژی و بهبود تجربه طراحی است. اگر ساعت‌های زیادی مشغول طراحی سایت هستید، توصیه می‌شود این قابلیت را امتحان کنید تا هم سلامت چشم‌هایتان حفظ شود و هم بهره‌وری شما بالاتر برود.

منبع : https://ofoghweb.com/dark-mode-elemntor/

  • ۰۴/۰۶/۱۷
  • حامد نجفی

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی