آیا می خواهید یک منوی تمام صفحه ایجاد کنید Elementor ? اگر چنین است، این مقاله به شما نشان می دهد که چگونه. برای ایجاد منوی تمام صفحه نیازی به افزودنی نیست Elementor. همه ی آنچه شما احتیاج دارید .. است Elementor Pro.

نسخه حرفه ایElementor همراه با a سازنده پاپ آپ که به شما اجازه می دهد پاپ آپ های زیبایی ایجاد کنید. می توانید از این ویژگی برای ایجاد منوی تمام صفحه در المنتور استفاده کنید.

اگر آنچه را که امروز می خواهیم در مورد آن صحبت کنیم را نمی بینید، این ویدیو را تماشا کنید.

یک منوی تمام صفحه در Elementor ایجاد کنید

چگونه یک منوی تمام صفحه در المنتور ایجاد کنیم؟

قبل از شروع، مطمئن شوید که دارید Elementor خود را به نسخه حرفه ای ارتقا دهید. پس از آماده شدن، به Templates -> Popups بروید. با کلیک بر روی دکمه افزودن جدید یک الگوی بازشو ایجاد کنید.

یک منوی تمام صفحه در Elementor ایجاد کنید

به الگوی پاپ آپ خود یک نام بدهید و روی دکمه کلیک کنید ساخت AMODEL.

Elementor ده ها قالب پاپ آپ را برای انتخاب شما ارائه می دهد. در این آموزش، مدل را از ابتدا ایجاد می کنیم. بنابراین فقط کتابخانه قالب را ببندید تا ویرایشگر Elementor باز شود.

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

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

یک منوی تمام صفحه در Elementor ایجاد کنید

پس از تعریف چیدمان، با افزودن یک بخش جدید، شروع به ایجاد قالب کنید. می توانید هر عنصری را که می خواهید به قالب اضافه کنید. برای افزودن آیتم های منو، می توانید از ویجت Nav Menu یا ویجت Icon List استفاده کنید.

همچنین ببینید: نحوه تنظیم موقعیت سفارشی برای منوی موبایل در المنتور

در این راهنما، ما از ویجت Icon List استفاده خواهیم کرد.

یک منوی تمام صفحه در Elementor ایجاد کنید

هر مورد را در لیست ویرایش کنید. می توانید برچسب آیتم منو را در فیلد اضافه کنید متن و لینک را در فیلد اضافه کنید پیوند.

یک منوی تمام صفحه در Elementor ایجاد کنید

به برگه بروید سبک به لیست های سبک می توانید فاصله بین آیتم های لیست و تراز را در لیست بلوک تنظیم کنید. برای تنظیم اندازه و رنگ آیکون (اگر از نمادها استفاده می کنید)، می توانید بلوک نماد را باز کنید. برای تنظیم تایپوگرافی (اندازه قلم، خانواده فونت، سبک قلم) و رنگ متن آیتم های لیست، می توانید بلوک متن را باز کنید.

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

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

با کلیک بر روی دکمه، جایی که می خواهید پنجره بازشو نمایش داده شود را تعیین کنید یک شرط اضافه کنید و بر روی دکمه کلیک کنید بعدی برای تنظیم ماشه

یک منوی تمام صفحه در Elementor ایجاد کنید

گزینه را فعال کنید کلیک و بر روی کلیک کنید ذخیره و بستن.

تماس با قالب پاپ آپ

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

این پست را بخوانید تا در مورد نحوه انجام آن بیشتر بدانید یک هدر سفارشی با Elementor ایجاد کنید.

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

در این آموزش از ویجت Icon Box استفاده می کنیم. ویجت را برای ورود به حالت ویرایش انتخاب کنید. زیر زبانه محتویات از پانل سمت چپ، فیلدی را پیدا کنید که پیوند را در آن اضافه کنید.

لینک را به صورت پویا تنظیم کنید و Popup را انتخاب کنید.

با کلیک کردن بر روی نماد آچار، الگوی بازشوی را انتخاب کنید.

یک منوی تمام صفحه در Elementor ایجاد کنید

قالب سرصفحه خود را منتشر/به روز کنید.

اکنون Elementor Pro را دریافت کنید!!!

نتیجه

اینجا ! این برای این مقاله است که به شما نشان می دهد چگونه یک منوی تمام صفحه در Elementor ایجاد کنید. اگر در مورد نحوه رسیدن به آنجا نگرانی دارید، به ما اطلاع دهید نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

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

...