نحوه ایجاد هدر و فوتر سفارشی رایگان با المنتور
اگر از کاربران وردپرس هستید، احتمالاً به دنبال سفارشی کردن ظاهر سایت خود هستید. یکی از مهم‌ترین بخش‌های سایت، هدر و فوتر آن است که تأثیر زیادی بر تجربه کاربری و طراحی کلی سایت دارد. المنتور (Elementor) به‌عنوان یکی از محبوب‌ترین افزونه‌های صفحه‌ساز وردپرس، این امکان را به شما می‌دهد که به‌راحتی هدر و فوتر سفارشی و حرفه‌ای برای سایت خود ایجاد کنید. در این مقاله نحوه ایجاد هدر و فوتر سفارشی با استفاده از نسخه رایگان المنتور را توضیح می‌دهیم.
چرا باید هدر و فوتر را سفارشی کنیم؟
هدر و فوتر بخش‌های حیاتی هر سایتی هستند. هدر معمولاً شامل منوی اصلی، لوگو، و اطلاعات تماس است که کاربران از طریق آن به بخش‌های مختلف سایت دسترسی پیدا می‌کنند. فوتر نیز محلی برای نمایش اطلاعات حقوقی، پیوندهای مهم، و اطلاعات تماس اضافی است. با سفارشی‌سازی این بخش‌ها، می‌توانید طراحی منحصربه‌فردی ایجاد کنید که با برند شما همخوانی داشته باشد و تجربه کاربری را بهبود بخشد.
مراحل ایجاد هدر و فوتر سفارشی با المنتور
۱. نصب افزونه المنتور و المنتور هدر فوتر بیلدر (Elementor Header & Footer Builder)
ابتدا باید افزونه المنتور را از مخزن وردپرس نصب کنید. برای این کار به بخش افزونه‌ها > افزودن در داشبورد وردپرس بروید و «Elementor» را جستجو کرده و آن را نصب و فعال کنید. همچنین برای ایجاد هدر و فوتر سفارشی به افزونه مکمل Elementor Header & Footer Builder نیاز دارید که آن را نیز می‌توانید به‌صورت رایگان از مخزن وردپرس نصب کنید.
۲. ساخت تمپلیت جدید
پس از نصب افزونه‌ها، به داشبورد وردپرس رفته و از منوی کناری به بخش نمایش > هدر و فوتر بیلدر مراجعه کنید. در این بخش می‌توانید یک تمپلیت جدید برای هدر یا فوتر ایجاد کنید. برای ایجاد یک هدر، روی دکمه افزودن جدید کلیک کنید و در پنجره‌ای که باز می‌شود، نامی برای تمپلیت خود انتخاب کنید و نوع قالب را روی هدر تنظیم کنید. برای فوتر هم می‌توانید همین مراحل را انجام دهید و به‌جای هدر، فوتر را انتخاب کنید.
۳. طراحی هدر و فوتر با المنتور
بعد از ایجاد تمپلیت، به صفحه ویرایشگر المنتور هدایت می‌شوید. المنتور یک رابط کاربری ساده و کشیدن و رها کردن دارد که به شما این امکان را می‌دهد تا به‌راحتی عناصر مختلف را به صفحه اضافه کنید.
- اضافه کردن لوگو: برای افزودن لوگو، می‌توانید از ویجت Image استفاده کنید. کافی است این ویجت را به مکان موردنظر در هدر بکشید و لوگوی سایت خود را بارگذاری کنید.
- منو: برای ایجاد منوی اصلی، ویجت Nav Menu را استفاده کنید. این ویجت به شما اجازه می‌دهد منوی موردنظر خود را انتخاب و آن را به‌صورت افقی یا عمودی نمایش دهید.
- اطلاعات تماس و آیکون شبکه‌های اجتماعی: با استفاده از ویجت‌های Icon List و Social Icons می‌توانید اطلاعات تماس و آیکون شبکه‌های اجتماعی خود را در فوتر یا هدر سایت قرار دهید.
۴. تنظیمات نمایش هدر و فوتر
پس از طراحی هدر و فوتر، نوبت به تنظیمات نمایش آن‌ها می‌رسد. در پایین صفحه ویرایشگر، گزینه‌ای با نام Display Conditions یا شرایط نمایش وجود دارد. این گزینه به شما امکان می‌دهد تعیین کنید هدر و فوتر طراحی‌شده در کدام صفحات سایت نمایش داده شود. به‌طور مثال، می‌توانید انتخاب کنید که هدر و فوتر فقط در صفحه اصلی یا در همه صفحات سایت نمایش داده شود.
۵. انتشار هدر و فوتر
بعد از اینکه طراحی و تنظیمات نمایش هدر و فوتر را انجام دادید، روی دکمه Publish یا انتشار کلیک کنید تا تغییرات شما اعمال شود. اکنون هدر و فوتر سفارشی شما در سایت فعال شده و قابل مشاهده است.
نکات مهم در طراحی هدر و فوتر
- ساده و کارآمد: بهتر است هدر و فوتر شما طراحی ساده و شفاف داشته باشد تا کاربران به‌راحتی بتوانند به اطلاعات موردنیاز خود دسترسی پیدا کنند.
- استفاده از فونت مناسب: فونت‌ها تأثیر زیادی در خوانایی و زیبایی طراحی دارند. سعی کنید از فونت‌های مناسب و هماهنگ با طراحی کلی سایت استفاده کنید.
- ریسپانسیو بودن: حتماً مطمئن شوید که هدر و فوتر شما در دستگاه‌های مختلف (موبایل، تبلت و دسکتاپ) به‌خوبی نمایش داده می‌شود. المنتور امکان پیش‌نمایش طراحی در حالت‌های مختلف را فراهم می‌کند تا بتوانید طراحی خود را برای هر دستگاه بهینه کنید.
نتیجه‌گیری
المنتور به شما این امکان را می‌دهد که بدون نیاز به دانش کدنویسی و به‌صورت رایگان، هدر و فوتر سفارشی برای سایت وردپرسی خود ایجاد کنید. با استفاده از افزونه Elementor Header & Footer Builder و مراحل توضیح‌داده‌شده در این مقاله، می‌توانید به‌راحتی طراحی منحصربه‌فرد خود را ایجاد کرده و سایت خود را به سطح بالاتری از نظر تجربه کاربری و ظاهر برسانید.
