ساخت هدر با المنتور یکی از بهترین روشها برای طراحی یک هدر حرفهای و واکنشگرا در وردپرس است. با استفاده از المنتور، میتوانید بدون نیاز به دانش کدنویسی، یک هدر جذاب و کاربرپسند ایجاد کنید. در این آموزش، گامبهگام نحوه ساخت هدر با المنتور را توضیح میدهیم تا بتوانید یک طراحی زیبا و متناسب با سایت خود داشته باشید.برای تغییر این متن بر روی دکمه ویرایش کلیک کنید.
نکته: این ویدیو سومین جلسه از آموزش طراحی وب سایت فروشگاهی می باشد!
آموزش کامل ساخت فروشگاه اینترنتی
صفحه ساز المنتور
المنتور یکی از قدرتمندترین صفحهسازهای وردپرس است که به کاربران اجازه میدهد بدون نیاز به کدنویسی، صفحات وب را بهصورت کاملاً بصری طراحی کنند. این افزونه دارای نسخه رایگان و پرو است که در نسخه پرو امکانات پیشرفتهای مانند ساخت هدر با المنتور، طراحی فوتر، قالبهای سفارشی، المانهای حرفهای و قابلیتهای شرطی برای نمایش محتوا ارائه میشود. با المنتور میتوان بهراحتی صفحات واکنشگرا، زیبا و بهینه برای سئو طراحی کرد و تجربه کاربری بهتری برای بازدیدکنندگان سایت ایجاد کرد.
مراحل ساخت هدر با المنتور
ساخت هدر در وردپرس و با استفاده از المنتور یک روند استاندارد دارد که باید به درستی رعایت شود چرا که هدر یکی از بخش هایی است که در تمامی صفحات وبسایت به نمایش گذاشته می شود و از این نظر باید به آن اهمیت ویژه ای داد مراحل این کار به شرح زیر می باشد:
۱. نصب و فعالسازی المنتور و المنتور پرو
ابتدا باید افزونه المنتور و نسخه پرو آن را نصب کنید. المنتور پرو به شما امکان ساخت هدرهای سفارشی را از طریق Theme Builder میدهد.
۲. ورود به بخش قالبها و ایجاد هدر جدید
۱. به پیشخوان وردپرس بروید و از منوی المنتور، گزینه قالبها > Theme Builder را انتخاب کنید.
2. روی دکمه افزودن جدید کلیک کنید و نوع قالب را Header تنظیم کنید.
3. یک نام برای هدر خود انتخاب کرده و روی ایجاد قالب کلیک کنید.
۳. طراحی هدر با المانهای المنتور
در صفحه ویرایشگر المنتور، میتوانید بخشهای مختلف هدر را اضافه کنید:
- لوگو: از ابزار Image استفاده کنید و لوگوی سایت را اضافه کنید.
- منو: از ابزار Navigation Menu برای نمایش منوی اصلی سایت استفاده کنید.
- دکمه ثبت نام : برای ثبت نام کاربران، یک دکمه ثبتنام قرار دهید.
- موارد دیگر: علاوه بر موارد بالا المان های دیگری نیز در هدر وب سایت ها به چشم نی خورد مثل دکمه تماس سبد خرید و…
۴. تنظیمات واکنشگرایی (ریسپانسیو)
یکی از مهم ترین قسمت های کار تنظیم نمایش ظاهری مناسب در پلفترم های متفاوت است به خصوص دیوایس گوشی!
امروزه با توجه به این که بیشترین دیوایس های موجود در سطح اینترنت گوشی ها و تلفنهای همراه هستند رعایت و اهمیت ریسپانسیو بودن در این نوع دیوایس برای گوگل اهمیت ویژهای دارد.
جمع بندی
با المنتور میتوانید بدون نیاز به دانش کدنویسی، یک هدر حرفهای و سفارشی برای سایت خود طراحی کنید. با رعایت نکات ریسپانسیو، استفاده از ابزارهای مناسب و تنظیمات شرطی، میتوانید هدر مورد نظر خود را به بهترین شکل بسازید.
2 پاسخ
دوره بسیار جامع و کاملیه ممنون
خواهش می کنم خوشحالم مفید بوده براتون