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

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

طراحی منوی دیجیتال رستوران

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

تغییر رنگ‌بندی و ظاهر دکمه

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

نمونه دکمه طراحی شده
نمونه دکمه طراحی شده

قراردادن لوگو در ابتدا

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

به طور مثال: ما در اینجا ابعاد 208 در 640 پیکسل را برای این تصویر انتخاب کرده و وارد می‌کنیم و پس از آن برای تغییر سایز تصویر روی گزینه اعمال تغییرات کلیک می‌کنیم که در نهایت نتیجه آن به شکل زیر خواهد شد.

تغییر سایز و قراردادن لوگو رستوران
تغییر سایز و قراردادن لوگو رستوران

تغییر تصویر پس‌زمینه

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

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

تغییر تصویر پس زمینه منو رستوران
تغییر تصویر پس زمینه منو رستوران

تغییر رنگ لوگو

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

تغییر رنگ لوگو
تغییر رنگ لوگو

نتیجه نهایی طراحی منوی رستوران

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

تغییر طراحی منوی رستوران
تغییر طراحی منوی رستوران

صحبت پایانی

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

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

قسمت قبلی

نظرت راجب این مطلب چیه؟

میانگین امتیازات 3.4 از 5 | تعداد رای: 7 نفر
  • خیلی عالی
  • عالی
  • خوب
  • بد
  • خیلی بد
اگر سوال یا نظری راجب این مطلب دارید، به اشتراک بگذارید. ارسال دیدگاه

نوشتن دیدگاه

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

    4 دیدگاه منتشر شده است

  1. مهرداد
    5 خرداد 1403

    یا من بد متوجه شدم یا کلا شما واقعادفقط یه صفحه با ۴تا دکمه ساختی
    خب زیرشاخه های منو چی شد؟
    لیست منو کو؟
    پنل تغییر قیمت و عکس و … چی شد؟

    فکر کن به مشتری همچین چیزی تحویل بدی
    با چوب میوفته دنبالت که😂
    البته اونطوری که من متوجه شدم این آموزش برای افراد خیلی مبتدی بود چون تو قسمت قبلش حتی در مورد وردپرس و این چیزام توضیح داده شده

    • ستار الماسی
      5 خرداد 1403
      در پاسخ به مهرداد

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

  2. مصطفی گلیم باف
    13 آذر 1402

    خب الان این صفحه منو دیجیتاله؟
    خودتو مسخره کردی یا مارو عزیز؟

    • ستار الماسی
      13 آذر 1402
      در پاسخ به مصطفی گلیم باف

      درود بر شما
      ببینید برای تبدیل این صفحه به منوی دیجیتال کافیه شما وقتی صفحه را طراحی کردید آدرس صفحه را به QRCode تبدیل کنید و QRCode تولید شده را چاپ کنید و به مشتریان‌تون ارائه بدید، به این شکل هر فردی که QRCode را اسکن کنه می‌تونه به منوی شما دسترسی داشته باشه و از اون استفاده بکنه.
      منظور از منوی دیجیتال دقیقا همین هست که در اکثر کافه‌ها و رستوران‌ها مورد استفاده قرار می‌گیره.
      در ضمن این آموزش شامل 2 قسمت هست، قسمت قبلی را هم مشاهده بفرمایید اونجا بیشتر توضیح دادم که منظور از منوی دیجیتال چی هست.
      موفق باشید.