Code Cloude Mobile Command Bar یک افزونه حرفه‌ای برای وردپرس و ووکامرس است که یک نوار دسترسی سریع، شناور و کاملاً قابل شخصی‌سازی را در نسخه موبایل سایت شما نمایش می‌دهد. این نوار به کاربران اجازه می‌دهد بدون اسکرول‌کردن یا جست‌وجو میان منوهای مختلف، تنها با یک لمس به صفحه اصلی، منوی سایت، حساب کاربری، سبد خرید و جست‌وجوی محصولات دسترسی داشته باشند.

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

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

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

نوار فرمان موبایل Code Cloude همیشه در پایین صفحه و در دسترس کاربر قرار می‌گیرد. این موضوع باعث می‌شود بخش‌های اصلی سایت در تمام لحظات تنها با یک لمس قابل دسترسی باشند.

نوار افزونه شامل بخش‌های زیر است:

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

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

دکمه اقدام هوشمند و پویا

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

برای مثال:

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

این رفتار هوشمند باعث می‌شود مهم‌ترین اقدام هر صفحه همیشه در مرکز توجه کاربر قرار بگیرد.

جست‌وجوی سریع محصولات

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

در این بخش می‌توان موارد زیر را شخصی‌سازی کرد:

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

پنجره جست‌وجو با بالاترین لایه نمایشی باز می‌شود تا زیر هدر، پاپ‌آپ، منو یا سایر المان‌های قالب قرار نگیرد.

منوی سریع و حرفه‌ای

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

مدیر سایت می‌تواند یکی از منوهای ثبت‌شده در بخش نمایش وردپرس را انتخاب کند تا آیتم‌های آن به‌صورت خودکار در پنجره منوی موبایل نمایش داده شوند.

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

پاپ‌آپ کامل حساب کاربری

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

برای کاربران واردشده، اطلاعات زیر قابل نمایش است:

• نام کاربر
• تصویر پروفایل
• ایمیل
• وضعیت فعال حساب
• داشبورد کاربری
• لایسنس‌های من
• دانلودهای من
• سفارش‌های من
• سبد خرید
• خروج از حساب

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

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

هماهنگی کامل با ووکامرس

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

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

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

پنل مدیریت تمام‌صفحه

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

تنظیمات افزونه در چند بخش مجزا قرار گرفته‌اند:

• تنظیمات عمومی
• آیتم‌ها و آیکن‌ها
• منو و جست‌وجو
• پنل حساب کاربری
• ظاهر و استایل
• قوانین نمایش
• ابزارها و تنظیمات پیشرفته

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

شخصی‌سازی کامل ظاهر نوار

تقریباً تمام اجزای ظاهری نوار قابل تنظیم هستند:

• رنگ اصلی
• رنگ دوم گرادیان
• رنگ پس‌زمینه در حالت لایت
• رنگ پس‌زمینه در حالت دارک
• رنگ متن‌ها
• رنگ متن‌های فرعی
• رنگ حاشیه‌ها
• پس‌زمینه آیتم‌ها
• اندازه آیکن‌ها
• ارتفاع نوار
• گردی نوار
• گردی دکمه‌ها
• شدت بلور
• فاصله از پایین صفحه
• فاصله از چپ و راست
• سایه نوار

سایه به‌صورت پیش‌فرض غیرفعال است، اما مدیر سایت می‌تواند آن را فعال کرده و مقدار CSS دلخواه خود را وارد کند.

استفاده از آیکن‌های اختصاصی

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

از داخل پنل مدیریت می‌توان هر آیکن را با تصویر دلخواه از کتابخانه رسانه وردپرس جایگزین کرد.

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

سازگاری با دارک و لایت

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

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

هماهنگی با پشتیبانی آنلاین

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

این قابلیت مانع از قرارگرفتن نوار روی محتوای پنجره پشتیبانی می‌شود.

افزونه پنجره‌های پشتیبانی و چت را به‌صورت خودکار تشخیص می‌دهد. همچنین می‌توان کلاس یا شناسه CSS پنجره پشتیبانی را به‌صورت دستی در پنل وارد کرد.

مقدار z-index نوار هنگام بازبودن پشتیبانی نیز قابل تنظیم است.

قوانین نمایش پیشرفته

مدیر سایت می‌تواند مشخص کند نوار در چه صفحاتی نمایش داده شود.

امکانات این قسمت شامل موارد زیر است:

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

برای مسیرهای مستثنا می‌توان از علامت * نیز استفاده کرد.

برای مثال:

/panel-2
/landing/*

در این حالت نوار در صفحه پنل کاربری و تمام زیرصفحه‌های مسیر Landing نمایش داده نمی‌شود.

خروجی و ورودی تنظیمات

تمام تنظیمات افزونه را می‌توان در قالب فایل JSON خروجی گرفت. این قابلیت برای انتقال تنظیمات بین چند سایت، تهیه نسخه پشتیبان یا بازگردانی سریع تنظیمات بسیار کاربردی است.

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

CSS اختصاصی

کاربران حرفه‌ای می‌توانند از قسمت تنظیمات پیشرفته، CSS دلخواه خود را به افزونه اضافه کنند.

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

سیستم لایسنس آنلاین و آفلاین

افزونه از سیستم لایسنس اختصاصی Code Cloude پشتیبانی می‌کند.

روش‌های فعال‌سازی شامل:

• فعال‌سازی آنلاین با کد لایسنس
• فعال‌سازی آفلاین با توکن
• ذخیره خودکار توکن آفلاین هنگام فعال‌سازی آنلاین
• استفاده از توکن ذخیره‌شده هنگام قطع سرور
• بررسی تطابق دامنه
• بررسی شناسه محصول
• بررسی تاریخ صدور و انقضا
• بررسی امضای توکن
• آزادسازی دامنه

توکن‌های آفلاین با امضای HMAC-SHA256 بررسی می‌شوند و برای یک دامنه و محصول مشخص معتبر هستند.

بعد از انقضای توکن نیز یک مهلت ۷۲ ساعته در نظر گرفته شده است تا در صورت اختلال اینترنت یا عدم دسترسی موقت، افزونه بلافاصله از کار نیفتد.

طراحی سبک و بهینه

افزونه بدون استفاده از کتابخانه‌های سنگین فرانت‌اند طراحی شده و فایل‌های CSS و JavaScript آن تنها در صفحاتی بارگذاری می‌شوند که نوار امکان نمایش داشته باشد.

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

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

مناسب چه سایت‌هایی است؟

این افزونه برای سایت‌های زیر گزینه مناسبی است:

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