آیا می خواهید یک منوی تمام صفحه در المنتور ایجاد کنید؟ اگر چنین است، این مقاله به شما نشان می دهد که چگونه.
در دنیای طراحی وب مدرن، ناوبری نقش مهمی در تجربه کاربر دارد. منوی تمام صفحه راه حلی زیبا برای جلب توجه بازدیدکنندگان و در عین حال ساده سازی ناوبری در سایت شما است.
منوی ناوبری سنتی را به یک رابط همه جانبه تبدیل می کند که کل صفحه را می گیرد و نمای واضح و بدون حواس پرتی از گزینه های منوی شما ارائه می دهد.
با Elementor، ایجاد یک منوی تمام صفحه حتی بدون مهارت های فنی پیشرفته آسان است.
این مقاله شما را در هر مرحله از فرآیند برای طراحی یک منوی تمام صفحه چشمگیر و کاربردی متناسب با نیازهای خاص شما راهنمایی می کند. شما یاد خواهید گرفت که چگونه از ابزارهای قدرتمند Elementor برای سفارشی کردن منوی خود، تنظیم تنظیمات نمایش آن و اطمینان از تجربه کاربری روان و جذاب استفاده کنید.
اگر آنچه را که امروز می خواهیم در مورد آن صحبت کنیم را نمی بینید، این ویدیو را تماشا کنید.
فهرست مطالب
چرا یک منوی تمام صفحه انتخاب کنید؟
1. تجربه کاربری همهجانبه
یک منوی تمام صفحه با جلب توجه کامل بازدیدکننده، تجربه کاربری همهجانبه ای را فراهم می کند. برخلاف منوهای سنتی، هیچ عنصر مزاحم در پس‌زمینه باقی نمی‌گذارد. این غوطه وری امکان ناوبری روان و متمرکز را فراهم می کند، که به ویژه برای سایت هایی که می خواهند کاربر را به شیوه ای واضح و مستقیم راهنمایی کنند مفید است.
2. برجسته کردن محتوا
با استفاده از منوی تمام صفحه، این فرصت را دارید که نه تنها گزینه های پیمایش بلکه سایر عناصر محتوا یا تبلیغات را نیز برجسته کنید. می‌توانید تصاویر، ویدیوها یا فراخوان‌ها را مستقیماً در منو ادغام کنید، که با یک منوی کلاسیک که اغلب در فضا محدود است غیرممکن است.
3. ناوبری واضح و آرام
منوی تمام صفحه اجازه می دهد سازمان گزینه های ناوبری منظم و شهودی. از منوهای کشویی یا نوارهای ناوبری به هم ریخته جلوگیری می کند و دسترسی سریع به تمام بخش های مهم سایت را برای کاربر فراهم می کند. این قالب برای سایت‌هایی که عناصر ناوبری زیادی دارند یا برای کسانی که می‌خواهند تجربه مرور ساده‌تری را ارائه دهند ایده‌آل است.
4. انعطاف طراحی
منوهای تمام صفحه انعطاف‌پذیری زیادی در طراحی ایجاد می‌کنند. می‌توانید ظاهر منو را طوری تنظیم کنید که کاملاً با هویت بصری برندتان مطابقت داشته باشد. امکانات سفارشی‌سازی شامل تایپوگرافی، رنگ‌ها، انیمیشن‌ها و انتقال‌ها است که به شما امکان می‌دهد منویی ایجاد کنید که برجسته باشد و هویت سایت شما را تقویت کند.
5. تبدیل بهبود یافته
یک منوی تمام صفحه با طراحی خوب می تواند به بهبود نرخ تبدیل کمک کند. با برجسته کردن تماس‌ها برای اقدام، تبلیغات یا پیشنهادهای ویژه مستقیماً در منو، می‌توانید بازدیدکنندگان را به اقداماتی که می‌خواهید انجام دهند، مانند ثبت‌نام برای خبرنامه یا خرید یک محصول
6. سازگاری با موبایل
منوهای تمام صفحه به ویژه برای دستگاه های تلفن همراه مناسب هستند. در صفحه نمایش های کوچکتر، آنها یک راه حل مناسب برای سازماندهی گزینه های ناوبری بدون درهم ریختگی رابط کاربری ارائه می دهند. این رویکرد یک تجربه کاربری سازگار و بهینه را در همه انواع دستگاه تضمین می کند.
7. مدیریت آسان محتوای پویا
اگر سایت شما محتوای پویا یا به‌روزرسانی‌های مکرر دارد، یک منوی تمام صفحه مدیریت و مشاهده این عناصر را آسان‌تر می‌کند. شما می توانید به سرعت موارد را در منو اضافه یا تغییر دهید، بدون اینکه روی بقیه چیدمان سایت تأثیر بگذارد، مدیریت محتوا را ساده کرده و کارایی سایت را بهبود بخشد.
با انتخاب اجرای منوی تمام صفحه با Elementor، راه حلی ظریف و کاربردی را انتخاب می کنید که ضمن ارائه انعطاف پذیری طراحی چشمگیر، تجربه کاربر را غنی می کند.
نحوه ایجاد یک منوی تمام صفحه در المنتور
فضای کاری خود را در المنتور آماده کنید
Avant de Commencer:
- مطمئن شوید که Elementor را در سایت وردپرس خود نصب و پیکربندی کرده اید.
- همچنین مطمئن شوید که نسخه Pro را نصب کرده اید. زیرا همراه با سازنده پاپ آپ که به شما اجازه می دهد پاپ آپ های زیبایی ایجاد کنید
این را بخوانید تا بیشتر بدانید: Elementor Free vs Elementor Pro: مقایسه ویژگی دقیق
یک منوی تمام صفحه ایجاد کنید
Remarque : Elementor ده ها قالب بازشو برای انتخاب شما دارد. در این آموزش مدل خود را از ابتدا ایجاد می کنیم.
یک قالب منو اضافه کنید
- رفتن Templates -> Popups.
- با کلیک بر روی دکمه افزودن الگوی جدید یک الگوی بازشو ایجاد کنید.
در پنجره ای که ظاهر می شود:
- انتخاب نوع قالب (پاپ آپ)
- به الگوی پاپ آپ خود یک نام بدهید
- کلیک بر روی دکمه ایجاد یک الگوی
- بستن پنجره بازشو
- یک بخش جدید اضافه کنید با کلیک بر روی نماد "+" و انتخاب یک ساختار تمام عرض.
Remarque : می توانید هر عنصری را که می خواهید به قالب اضافه کنید. برای افزودن آیتم های منو، می توانید از ویجت Nav Menu یا ویجت Icon List استفاده کنید.
- ویجت Icon List را در بخش جدید قرار دهید .
- هر مورد را در لیست ویرایش کنید. شما می توانید تغییر دهید متن ، نماد و لینک
منو را سفارشی کنید
- به برگه بروید سبک برای سفارشی کردن سبک لیست
- فاصله بین موارد لیست و تراز را در بلوک List تنظیم کنید.
- تنظیم اندازه و رنگ نماد (در صورت استفاده از نمادها)
- تایپوگرافی (اندازه قلم، خانواده فونت، سبک فونت) و رنگ متن را برای موارد لیست تنظیم کنید.
در صورت تمایل، می‌توانید پس‌زمینه بخش را تغییر دهید و دکمه بستن پنجره را سفارشی کنید. برای آن:
- دوباره تنظیمات پاپ آپ را باز کنید.
- به برگه بروید سبک
- بلوک باز دکمه بستن و برخی از گزینه ها را برای سفارشی کردن دکمه بستن مانند رنگ پس زمینه، اندازه و موقعیت خواهید دید.
پیکربندی گزینه های نمایش
- تنظیمات را برای دید از منو در حالت تمام صفحه به تنظیمات بخش حاوی منو بروید و مطمئن شوید که قسمت تمام عرض و ارتفاع صفحه را اشغال می کند.
- گزینه های انتقال را تنظیم کنید برای منو می‌توانید انیمیشن‌ها را انتخاب کنید تا منوی تمام صفحه نمایش داده شود و به آرامی ناپدید شوند.
همچنین ببینید: نحوه تنظیم موقعیت سفارشی برای منوی موبایل در المنتور
انتشار و پیکربندی شرایط نمایش
پس از اتمام ساخت قالب پاپ آپ:
- روی نماد فلش کنار دکمه کلیک کنید انتشار دهنده
- Sélectionnez نمایش شرایط.
- با کلیک بر روی دکمه، جایی که می خواهید پنجره بازشو نمایش داده شود را تعیین کنید یک شرط اضافه کنید
- کلیک بر روی دکمه ذیل برای تنظیم ماشه
- گزینه را فعال کنید کلیک
- با کلیک بر روی ذخیره و بستن.
منوی تمام صفحه خود را تست و تنظیم کنید
هنگامی که منوی تمام صفحه خود را تنظیم کردید، بسیار مهم است که آن را در دستگاه های مختلف و وضوح صفحه نمایش آزمایش کنید. بررسی کنید که منو در رایانه‌های رومیزی، تبلت‌ها و تلفن‌های هوشمند کاربردی است. تنظیمات لازم را انجام دهید تا از تجربه کاربری روان و یکنواخت در همه دستگاه ها اطمینان حاصل کنید.
فراخوانی قالب بازشو
پس از آماده شدن قالب پاپ آپ، می توانید آن را فراخوانی کنید. همانطور که می خواهید یک منوی تمام صفحه ایجاد کنید، می توانید یک هدر با Elementor ایجاد کنید یا یک هدر موجود را تغییر دهید.
این پست را بخوانید تا در مورد نحوه انجام آن بیشتر بدانید یک هدر سفارشی با Elementor ایجاد کنید.
می‌توانید با هر ویجت Elementor که گزینه‌ای برای افزودن پیوند مانند دکمه، نماد، جعبه آیکون، متن، تصویر و غیره دارد، الگوی بازشوی را که ایجاد کرده‌اید فراخوانی کنید.
در این آموزش از ویجت Icon استفاده می کنیم.
- یک صفحه Elementor را ویرایش کنید
- ویجت نماد را بکشید
- در تب Style، آن را با توجه به سازگاری وب سایت خود شخصی سازی کنید
- در بخش محتوا
- لینک را به صورت پویا تنظیم کنید و Popup را انتخاب کنید.
- با کلیک کردن بر روی نماد آچار، الگوی بازشوی را انتخاب کنید.
- ویجت را برای ورود به حالت ویرایش انتخاب کنید. در زیر تب Content در پانل سمت چپ، فیلدی را که می‌خواهید پیوند را در آن اضافه کنید، پیدا کنید.
- صفحه خود را منتشر/به روز کنید.
- پیش نمایش
پس از سفارشی سازی ما، نتیجه ای که به دست می آوریم:
سوالات متداول در مورد نحوه ایجاد یک منوی تمام صفحه در Elementor
منابع مرتبط :
- نحوه ایجاد آکاردئون تصویر با JetTabs در المنتور
- نحوه ایجاد یک صفحه 404 در المنتور
- نحوه ایجاد یک دکمه شناور با Elementor Z Index
- نحوه استفاده از قلم های جهانی در Elementor
- نحوه ایجاد یک نوار پیشرفت شیب دار در Elementor
نتیجه
ایجاد یک منوی تمام صفحه در Elementor یک حرکت استراتژیک است که تجربه کاربر را تغییر می دهد و ناوبری در سایت شما را غنی می کند. این نوع منو به شما این امکان را می دهد که توجه کامل بازدیدکنندگان خود را به خود جلب کنید، و به آنها یک رابط تمیز و همه جانبه ارائه می دهد که گزینه های ناوبری شما را به روشی واضح و جذاب برجسته می کند.
با انتخاب این رویکرد، نه تنها از انعطاف بی نظیر طراحی بهره مند می شوید، بلکه ارائه محتوا و تبلیغات خود را نیز بهبود می بخشید. منوی تمام صفحه به ویژه در بهینه سازی تجربه تلفن همراه مؤثر است و راه حلی مناسب برای سازماندهی عناصر ناوبری در همه انواع دستگاه ها ارائه می دهد.
ادغام یک منوی تمام صفحه با Elementor به شما امکان می دهد ظاهر و عملکرد منو را مطابق با نیازهای خاص خود سفارشی کنید. شما می توانید طرحی ایجاد کنید که کاملاً هویت برند شما را منعکس کند و در عین حال دسترسی به اطلاعات کلیدی را برای بازدیدکنندگان آسان تر کند.
چه به دنبال مدرن‌سازی سایت خود باشید و چه به دنبال بهبود مسیریابی برای کاربران خود هستید، منوی تمام صفحه راه‌حلی زیبا و کاربردی است. این یک تجربه ناوبری روان و شهودی را فراهم می کند، در حالی که عناصر ضروری سایت شما را برجسته می کند.
برای به حداکثر رساندن تأثیر منوی تمام صفحه خود، در بررسی گزینه های مختلف سفارشی سازی ارائه شده توسط Elementor تردید نکنید. ویژگی‌ها را آزمایش کنید، طرح‌ها را تنظیم کنید و ببینید چگونه این طرح‌بندی خلاقانه می‌تواند نحوه تعامل بازدیدکنندگان با سایت شما را تغییر دهد.
اگر این مقاله به شما در درک مزایای منوی تمام صفحه و نحوه تنظیم آن با Elementor کمک کرد، آن را با شبکه خود به اشتراک بگذارید تا دیگران نیز بتوانند از این راه حل موثر بهره مند شوند. اگر در مورد نحوه رسیدن به آنجا نگرانی دارید، به ما اطلاع دهید نظر.
با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.