چگونه هدر و فوتر سایت را با المنتور طراحی و تنظیم کنیم؟
هدر (Header) و فوتر (Footer) از مهم‌ترین بخش‌های هر وب‌سایت هستند که در تمام صفحات سایت نمایش داده می‌شوند.
هدر معمولاً شامل لوگو، منوهای ناوبری، دکمه تماس و آیکون‌های شبکه‌های اجتماعی است، در حالی که فوتر اطلاعاتی مانند حق کپی‌رایت، لینک‌های مهم و اطلاعات تماس را در بر می‌گیرد. با استفاده از المنتور پرو می‌توان این بخش‌ها را سفارشی‌سازی و طراحی کرد.
۱. پیش‌نیازهای طراحی هدر و فوتر با المنتور
- نصب افزونه المنتور پرو (زیرا نسخه رایگان المنتور امکان طراحی هدر و فوتر را ندارد).
- داشتن قالبی که با Theme Builder المنتور سازگار باشد (مانند Astra، OceanWP یا GeneratePress).
۲. نحوه طراحی هدر در المنتور
مرحله ۱: ورود به تم بیلدر المنتور
- وارد پیشخوان وردپرس شوید.
- به مسیر المنتور > قالب‌ساز (Theme Builder) بروید.
- روی هدر (Header) کلیک کنید و گزینه افزودن جدید را بزنید.
مرحله ۲: انتخاب قالب یا طراحی از صفر
- می‌توانید از قالب‌های آماده المنتور استفاده کنید یا با کشیدن و رها کردن ویجت‌ها، یک هدر سفارشی طراحی کنید.
- برای افزودن المان‌های اصلی هدر، می‌توانید از ویجت‌های زیر استفاده کنید:
- لوگو سایت (Site Logo)
- منو ناوبری (Nav Menu)
- دکمه تماس یا CTA
- آیکون شبکه‌های اجتماعی
- تنظیمات رنگ، فونت و پس‌زمینه را از طریق بخش استایل (Style) سفارشی کنید.
مرحله ۳: تنظیم مکان نمایش هدر
- روی دکمه انتشار (Publish) کلیک کنید.
- در بخش شرایط نمایش (Display Conditions) گزینه کل سایت (Entire Site) را انتخاب کنید تا هدر در تمام صفحات نمایش داده شود.
۳. نحوه طراحی فوتر در المنتور
مرحله ۱: ایجاد فوتر جدید
- به المنتور > قالب‌ساز (Theme Builder) بروید.
- روی فوتر (Footer) کلیک کنید و گزینه افزودن جدید را انتخاب کنید.
مرحله ۲: افزودن ویجت‌های مهم فوتر
با استفاده از ویجت‌های المنتور می‌توانید المان‌های زیر را اضافه کنید:
- متن کپی‌رایت (Copyright)
- لینک‌های مهم سایت (مانند تماس با ما، درباره ما و قوانین سایت)
- فرم عضویت در خبرنامه
- لوگو و آیکون شبکه‌های اجتماعی
مرحله ۳: ذخیره و تنظیم مکان نمایش فوتر
- پس از طراحی، روی انتشار (Publish) کلیک کنید.
- در قسمت شرایط نمایش (Display Conditions) گزینه کل سایت (Entire Site) را انتخاب کنید.
۴. تنظیمات واکنش‌گرایی هدر و فوتر
- از بخش تنظیمات واکنش‌گرا (Responsive Settings) در المنتور، نمایش المان‌ها در موبایل و تبلت را بررسی کنید.
- در صورت نیاز، اندازه فونت‌ها، فاصله‌ها و ترتیب نمایش عناصر را تنظیم کنید.
جمع‌بندی
المنتور پرو این امکان را فراهم می‌کند که بدون نیاز به کدنویسی، هدر و فوتر اختصاصی و حرفه‌ای برای سایت خود ایجاد کنید. با استفاده از Theme Builder المنتور، می‌توان هدر و فوتر را طراحی، سفارشی‌سازی و در کل سایت نمایش داد، که باعث افزایش زیبایی بصری، تجربه کاربری بهتر و یکپارچگی طراحی سایت می‌شود.
