چرا هدر و فوتر مهم هستند؟ 🛠️
هدر سایت 🖥️ جایی است که کاربران اولین برخورد خود را با سایت شما دارند . این بخش شامل لوگو ، منوی ناوبری و اطلاعات تماس است که به کاربران کمک میکند تا به راحتی در سایت شما جستجو کنند و به بخش‌های مختلف دسترسی پیدا کنند.
فوتر سایت 🌐 نیز بخشی است که در انتهای هر صفحه قرار دارد و معمولاً شامل لینک‌های مهم ، اطلاعات تماس ، شبکه‌های اجتماعی و فرم عضویت در خبرنامه است . فوتر به کاربران کمک میکند تا بدون نیاز به برگشت به بالا ، به اطلاعات و لینک‌های ضروری دسترسی داشته باشند.
معرفی قالب وودمارت و افزونه المنتور 🎨
قالب وودمارت یکی از محبوب‌ترین قالب‌های وردپرس برای سایت‌های فروشگاهی است . این قالب امکانات فراوانی برای طراحی و شخصی‌سازی سایت‌های فروشگاهی دارد و با افزونه‌های مختلفی از جمله المنتور سازگاری کامل دارد.
افزونه المنتور یک صفحه‌ساز قدرتمند وردپرس است که به شما امکان می‌دهد بدون نیاز به دانش کدنویسی ، صفحات زیبا و حرفه‌ای ایجاد کنید . این افزونه با قابلیت کشیدن و رها کردن (drag & drop) و المان‌های متنوع ، طراحی صفحات را بسیار آسان و لذت‌بخش میکند.
مراحل ساخت هدر و فوتر با وودمارت و المنتور 🚀
- نصب و فعال‌سازی قالب وودمارت و افزونه المنتور 📥
ابتدا قالب وودمارت را نصب و فعال کنید . سپس افزونه المنتور را نصب و فعال نمایید.
- ایجاد هدر سفارشی با وودمارت 🖌️
الف) از طریق تنظیمات قالب وودمارت :
- به بخش وودمارت در پیشخوان وردپرس بروید.
- گزینه هدرها را انتخاب کنید.
- روی افزودن هدر جدید کلیک کنید.
- از گزینه‌های موجود برای ساخت هدر استفاده کنید . میتوانید لوگو ، منوی ناوبری ، جستجو و دیگر المان‌ها را اضافه کنید.
- هدر را ذخیره کنید.
ب) از طریق المنتور :
- از منوی وردپرس به بخش “المنتور” بروید و گزینه “Header” را انتخاب کنید .
- یک هدر جدید ایجاد کنید و با استفاده از المان‌های المنتور ، اجزای مختلف مانند لوگو ، منوی ناوبری و دکمه‌های تماس را اضافه کنید .
- هدر را ذخیره و منتشر کنید .
- ایجاد فوتر سفارشی با وودمارت 📑
الف) از طریق تنظیمات قالب وودمارت :
- به بخش وودمارت در پیشخوان وردپرس بروید .
- گزینه فوترها را انتخاب کنید .
- روی افزودن فوتر جدید کلیک کنید .
- از گزینه‌های موجود برای ساخت فوتر استفاده کنید . میتوانید لینک‌ها ، اطلاعات تماس و فرم عضویت در خبرنامه را اضافه کنید.
- فوتر را ذخیره کنید.
ب) از طریق المنتور :
- از منوی وردپرس به بخش “المنتور” بروید و گزینه “Footer” را انتخاب کنید .
- یک فوتر جدید ایجاد کنید و با استفاده از المان‌های المنتور ، اجزای مختلف مانند لینک‌ها ، اطلاعات تماس و فرم عضویت در خبرنامه را اضافه کنید .
- فوتر را ذخیره و منتشر کنید .
- تنظیمات نهایی و تست 🛠️
- به بخش تنظیمات قالب وودمارت بروید و هدر و فوتر سفارشی خود را تنظیم کنید تا در تمام صفحات سایت نمایش داده شوند .
- سایت را بررسی کنید و مطمئن شوید که هدر و فوتر به درستی نمایش داده می‌شوند و تمام لینک‌ها و المان‌ها به خوبی کار می‌کنند .
دیدگاه‌ها و پرسش‌ها
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم ، این مورد به نحوی طراحی فوتر شما بستگی داردبا تشکر.
سلام وقت شما بخیر،
آیا برای صفحه اصلی هدر و فوتر دیگری تنظیم نشده است؟با تشکر.
سلام وقت شما بخیر،
میتوانید از سایت picyar.com دیدن فرمایید.با تشکر.
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم ، این موارد در طول دوره توضیح داده شده و در هر بخش میتوانید آنها را تا حدی فرا بگیرید. بصورت کلی عرض اصلی سایت میتواند بصورت پیکسل تنظیم گردد و اگر قصد دارید در همه دستگاه ها عرض کامل باشد مقدار درصد گزینه مناسبی استبا تشکر.
سلام وقت شما بخیر،
اگر سایت تمام عرض میخواهید داشته باشید ، کافیست مطابق آموزش بخش تنظیمات سایت در المنتور – Elementor Site Settings که یک بخش آن برای تعیین عرض سایت است مقدار 100 درصد را تعیین کنید که با اینکار بصورت خودکار عرض کانتینر ها نیز همین مورد خواهد شد. سایر موارد نظیر اندازه فونت ها ، فواصل میتواند برحسب پیکسل یا rem یا em باشد که معمولا پیکسل برای فواصل بیشتر کاربرد داشته و دو واحد دیگر برای اندازه فونت ها، این دو واحد تقریبا مشابه اند. اما میتوانید در گوگل مقاله ای که کاملا این دو را بیان میکند را بررسی فرمایید زیرا با ذکر مثال ها بخوبی تفاوت آنها روشن خواهد شد.با تشکر.
سلام وقت شما بخیر،
خواهشمند است نام افزونه را ذکر کنید.با تشکر.
سلام وقت شما بخیر،
بله این فایل در پوشه پلاگین های وردپرس آپلود شده است و سپس از حالت فشرده خارج می‌شود تا تمام افزونه ها اضافه گردند.با تشکر.
سلام وقت شما بخیر،
معمولا برای این متن تگ p یا span مناسب می‌باشد.با تشکر.
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از استفاده از فلکس باکس در المنتور – Elementor Flexbox Container دیدن فرمایید.با تشکر.
سلام وقت شما بخیر،
در این خصوص بایستی در تنظیمات قالب و بخش عمومی آن تبلیغات را خاموش کنیدبا تشکر.