طراحی منوی واکنشگرا
ما منوهای دیجیتال شما را با طراحی کاملاً واکنشگرا ارتقاء دادهایم تا مطمئن شویم منوها در هر دستگاهی—from کوچکترین گوشیها تا مانیتورهای بزرگ دسکتاپ—عالی بهنظر میرسند و استفاده از آنها آسان است.
چه چیزی جدید است
منوهای دیجیتال شما اکنون بهصورت خودکار با هر اندازه صفحه نمایش سازگار میشوند تا تجربه نمایشی بینقصی را چه مشتریان از گوشی هوشمند، تبلت یا کامپیوتر رومیزی استفاده کنند، تضمین کنند. طراحی واکنشگرا بهصورت خودکار طرحها، اندازه فونتها و تصاویر را تنظیم میکند، بنابراین منوی شما همیشه عالی بهنظر میرسد و در هر دستگاهی خوانا است.
نحوه کار
طراحی واکنشگرای ما از تکنیکهای مدرن CSS برای تنظیم خودکار طرحها، اندازه فونتها، فاصلهها و تصاویر براساس اندازه صفحه استفاده میکند. در دستگاههای موبایل، منوها بهصورت عمودی چیده میشوند تا پیمایش آسان شود. در تبلتها، محتوا از یک طرح دو ستونی راحت استفاده میکند. در دسکتاپ، منوها در فرمت چند ستونی بهینه نمایش داده میشوند. تصاویر بهصورت خودکار تغییر اندازه میدهند تا در هر صفحه جا شوند و متن در همه اندازهها خوانا باقی میماند.
نحوه استفاده
در اینجا مزایای طراحی منوی واکنشگرا آورده شده است:
مناسب برای هر دستگاه
مشتریان میتوانند منوی شما را بهراحتی مشاهده کنند چه با گوشی در میز، چه با تبلت در خانه یا با کامپیوتر رومیزی. نیازی به بزرگنمایی، جابهجایی افقی یا کشیدن صفحه نیست - همه چیز بهاندازه مناسب برای دستگاه آنها تنظیم شده است.
پیشنمایش قبل از انتشار
از ویژگی پیشنمایش تلفن در نوار بالای پنل مدیریت استفاده کنید تا دقیقاً ببینید منوی شما در دستگاههای موبایل چگونه نمایش داده میشود. این به شما کمک میکند قبل از اینکه مشتریان ببینند مطمئن شوید عکسها خوب بهنظر میرسند، متن خوانا است و طرحبندی بهدرستی کار میکند.
یک منو، همه دستگاهها
طراحی واکنشگرا بدان معناست که منوی شما بدون هیچگونه کار اضافی در همه اندازههای صفحه عالی کار میکند. نیازی نیست نسخههای جداگانه موبایل و دسکتاپ ایجاد کنید - یک منو بهصورت خودکار به همه چیز سازگار میشود.
بهبود تجربه مشتری
منویی که در هر دستگاه عالی و خوانا بهنظر برسد تجربه مشتری را بهبود میبخشد. مشتریان میتوانند سریعاً آنچه را میخواهند پیدا کنند که منجر به رضایت بالاتر و احتمال سفارشهای بیشتر میشود.
شروع به کار
منوهای شما از قبل واکنشگرا هستند - نیازی به پیکربندی نیست! بهسادگی منوی عمومی خود را در هر دستگاهی مشاهده کنید تا ببینید چگونه بهصورت خودکار سازگار میشود. از ویژگی پیشنمایش تلفن در نوار بالای پنل مدیریت برای دیدن دقیق ظاهر منوی خود در دستگاههای موبایل استفاده کنید. طراحی واکنشگرا بهصورت خودکار برای همه منوها، بخشها و غذاهای شما کار میکند.
طراحی واکنشگرا از نقاط شکست (breakpoints) و طرحهای انعطافپذیر Tailwind CSS استفاده میکند. همه منوها بهصورت خودکار بدون هیچ پیکربندی اضافی سازگار میشوند. ویژگی پیشنمایش تلفن به شما اجازه میدهد تجربه موبایل را مستقیماً از پنل مدیریت خود آزمایش کنید.