ساخت فوتر با المنتور | آموزش کامل و مرحله به مرحله
فوتر یکی از بخشهای مهم سایت شما است که روی جذابیت سایت، اعتماد کاربران، افزایش فروش شما تاثیر دارد. اگر شما هم از ظاهر تکراری فوتر سایت تان خسته شدهاید با ما در این مقاله همراه باشید.
اگر ظاهر فوتر سایتتان مورد پسند نیست میتوانید به روشهای مختلف آن را سفارشی سازی کنید. ممکن است بپرسید که چگونه یک فوتر سفارشی با المنتور طراحی کنیم؟ باید بگویم به راحتی! المنتور با قالبهای آماده و المانهایی که دارد این امکان را برای شما فراهم میکند. در این مقاله از سری مقالات آموزش ترفندهای المنتور قصد داریم به صورت 0 تا 100 به ساخت فوتر با المنتور بپردازیم، برای کسب اطلاعات بیشتر و طراحی و سفارش سازی تمام بخشهای فوتر سایتتان تا انتهای مقاله همراه ما باشید.
ساخت فوتر با قالب آماده المنتور
دو روش برای طراحی فوتر با المنتور وجود دارد. در روش اول شما میتوانید با استفاده از قالبهای آماده المنتور، فوتر را فورا ایجاد کرده و سپس محتوا و رنگها را در هر سکشن و بخش سفارشیسازی کنید. در روش دوم ساخت فوتر با المنتور که در این ادامه توضیح میدهیم صفر تا صد قالب فوتر را خودمان طراحی میکنیم.
البته فراموش نکنید که با Elementor Pro به مجموعهای از قالبهای حرفهای و چشمنواز فوتر دسترسی خواهید داشت؛ بنابراین اگر به دنبال ساخت یک فوتر واقعاً زیبا و حرفهای هستید، تهیهی افزونه Elementor Pro انتخابی هوشمندانه و ضروری است.
برای این منظور گامهای زیر را انجام دهید:
برای ایجاد فوتر بر روی وب سایت ابتدا پس از نصب افزونه المنتور از پیشخوان وردپرس از بخش المنتور > قالبها، ساخت قالب را بزنید.
- از بخش پوسته ساز، روی پاورقی کلیک کرده و سپس دکمه Add new را بزنید.
- سپس بخش زیر به شما نمایش داده میشود که باید یک ساختار ایجاد کنید.
- در این بخش از ساخت فوتر با المنتور با انتخاب footer، از لیست کشویی سمت راست مطابق با تصویر زیر، قالب موردنظر خود را انتخاب کرده و گزینه درج را بزنید.
- بعد از آن میتوانید بخشهای مختلف فوتر را بر اساس محتوا و سایت خود سفارشی کنید.
- سپس آن را به عنوان یک قالب ذخیره کرده و مشخص میکنید که در کل سایت یا در صفحه خاصی نمایش داده شود.
ساخت فوتر سفارشی با المنتور
همانطور که در ویدیوی بخش ابتدای مقاله مشاهده کردید، یکی از روشهای طراحی فوتر سفارشی با المنتور، بهترین افزونه صفحه ساز است که از ابتدا قالب فوتر را طراحی کنید. به این منظور زمان استفاده از قالبهای آماده، از بخش قالبها وارد بخش ساخت قالب شده و دکمه Add new را بزنید. بدون اینکه از بلوکهای کتابخانه استفاده کنید پنجره را ببندید و برای ساخت Footer کامل، المانهای زیر را به فوتر خود اضافه کنید.
🔶 افزودن متن و لینک به فوتر با المنتور
در این بخش از طراحی فوتر با المنتور نحوه افزودن متن و لینک به فوتر را با هم مشاهده میکنیم.
- انتخاب ساختار 4 ستونه برای فوتر
- ایجاد تیتر در یکی از ستونها با افزودن المان سربرگ
- افزودن المان ویرایشگر متن به فوتر
- ایجاد بخش یا سکشن داخلی در هر ستون فوتر (در صورت نیاز)
- تعیین کد رنگ برای هر بخش فوتر
نکته: تمامی المانها را میتوانید با قابلیت درگ و دراپ به قالب خود اضافه کنید.
🔶 افزودن دکمه به فوتر با المنتور
دکمه یکی از المانهای ضروری برای ایجاد یک فوتر سفارشی است که کمک میکند کاربران را به صفحه موردنظر هدایت کنید. در این ویدیو نحوه اضافه کردن دکمه به فوتر به همراه تنظیمات دکمه را مشاهده میکنید.
- ایجاد سکشن یا بخش داخلی در ستون مربوطه
- ایجاد دکمه با افزودن المان دکمه
- تغییر محتوا، استایل و رنگ، فواصل داخلی و خارجی (پدینگ و مارجین) دکمه
- ویرایش و تغییر فاصله داخلی و خارجی دکمهها
- افزودن حاشیه به دکمه از طریق سربرگ استایل
- تنظیم عرض ستون و بخش در فوتر با المنتور
- افزودن آیکن به دکمهها
- اصلاح چینش دکمهها با تغییر سایز در استایل
- درج آیکن شبکههای اجتماعی در المنتور (با استفاده از دکمه و المان المنتور)
🔶 استفاده از المان شمارنده در ساخت فوتر با المنتور
استفاده از المانهایی که جذابیت بصری دارند یا متحرک هستند در فوتر کاربران را جذب میکند. المان شمارنده یکی از این عناصر است که کمک میکند به کاربران خود یک آمار از سایت ارایه دهید. بعد از افزودن المان شمارنده در المنتور به صورت زیر عمل کنید:
- ویرایش عدد آغاز و پایان شمارنده
- ویرایش عنوان و متن شمارنده در فوتر
- تغییر استایل (فونت و نوع فونت)، رنگ متن، اضافه کردن حاشیه، سایه و پس زمینه
🔶 درج لوگو سایت در المنتور در بخش فوتر
در فوتر اکثر سایتهای معتبر، لوگوی سایت را مشاهده میکنید زیرا لوگوی سایت در فوتر حس اعتماد کاربران را برانگیخته میکند. برای درج لوگو در ساخت فوتر با المنتور باید اقدامات زیر را انجام دهید.
- افزودن المان لوگو سایت با درگ و دراپ
- تنظیم اندازه، حاشیه، سایه کادر لوگو
- درج تصویر اینماد در فوتر
ذخیره قالب المنتور و فعالسازی فوتر در سایت
در این بخش از آموزش طراحی فوتر با المنتور با زدن دکمه ذخیره، صفحهای باز میشود که باید در بخش شرط قسمتی از سایت را که میخواهیم قالب فوتر در آن منتشر شود تعیین کنیم. با انتخاب کل سایت، قالب فوتر برای همه صفحات سایت فعال و تنظیم میشود.
و در پایان
و در پایان میتوان گفت، اگر قصد دارید فوتر سایتتان حرفهای، کاربردی و کاملاً هماهنگ با هویت برندتان باشد، المنتور یکی از بهترین ابزارهایی است که میتوانید انتخاب کنید. با بهرهگیری از قابلیتهای پیشرفته در نسخه پرو، ساخت یک فوتر زیبا و استاندارد تنها چند دقیقه زمان میبرد.
استفاده از المنتور، نهتنها فرآیند طراحی را سادهتر میکند، بلکه به شما امکان میدهد فوتر وبسایتتان را دقیقاً همانطور که در ذهن دارید، خلق کنید؛ جذاب، منظم و کاملاً اختصاصی، در این مقاله نحوه ساخت فوتر با المنتور را به دو روش توضیح دادیم با افزودن ویجتهای نقشه سایت، لوگو سایت، لینکهای شبکه اجتماعی و غیره میتوانید فوتر خود را سفارشیسازی کنید.
از این که تا اینجا همراه ما بودید ممنونیم، موفق باشید.
سلام وقت بخیر
دقیقا متوجه منظورتون نشدم ولی اگر منظورتون اینه که بدون اسکرول یا با اسکرول کم صفحه، فوتر دیده میشه که خب اشکالی نداره و در خیلی از سایتها به دلیل محتوا کم صفحه به این صورت هست و شما کاری نمیتونید انجام بدید.
ممنونم از آموزش خوبتون ، فقط برای نمایش فوتر در صفحه هایی که محتوایه کمی دارن ! چیکار کنیم فوتر در پایان صفحه نمایش داده بشه ؟