طراحی هدر دیجی کالا با المنتور ( حرفه ای )
HTML-код
- Опубликовано: 21 авг 2024
- توی این ویدئو باهمدیگه هدر دیجی کالا رو طراحی میکنیم. بصورت کامل و حرفه ای. برای طراحی هدر دیجیکالا فقط به افزونه های المنتور و المنتور پرو نیاز دارید.
هدر یکی از مهمترین بخش های سایت هست که باید توجه ویژه ای بهش بشه. چون اولین بخشی هست که توی سایت نمایش داده میشه و توی همه صفحات هم تکرار میشه .
در واقع هدر باید دسترسی به تمام قسمت های سایت رو به مخاطب بده.
هدر دیجیکالا شامل دو سطر هست که سطر اول مربوط به لوگو، کادرجستجو در دیجی کالا، دکمه ورود و ثبت نام و آیکون سبد خرید است.
در سطر دوم سه نوع منو و دکمه انتخاب لوکیشن کاربر وجود دارد.
برای طراحی هدر دیجیکالا از افزونه المنتور و المنتور پرو استفاده کردم که ساختار و ظاهر هدر دیجیکالا را میتوانیم طراحی کنیم. برای بخش استیکی یا همان هدر چسبان از افزونه جانبی استفاده کردم :
Sticky Header Effects for Elementor
این افزونه رو میتونید از مخزن وردپرس دانلود کنید و به رایگان استفاده کنید.
این یک افزونه جانبی برای المنتور است. یعنی باید المنتور را در کنار این افزونه نصب داشته باشید.
در این آموزش از آیکون های اس وی جی دیجیکالا استفاده کردم که نحوه دانلود آیکون های یک سایت خاص رو توی ویدئو توضیح دادم
اکستنشن کروم :
SVG Export
هدف از انتشار این ویدئو آموزشی تمرین با المنتور بود که بتونیم هر طرحی رو با استفاده از المنتور پیاده سازی کنیم.
اگر به دنبال آموزش رایگان المنتور و وردپرس و بطور کلی طراحی سایت هستید. حتما کانال من رو سابسکرایب کنید و منتظر آموزش های جدید باشید.
ما توی کانال امیر یامی قالب و افزونه های وردپرسی رو هم معرفی میکنیم. همچنین ترفند هایی از طراحی سایت رو آموزش میدیم که باعث میشه سایت های حرفه ای تری رو طراحی کنید.
اگر به تازگی قصد ورود به بازار کار طراحی سایت با وردپرس رو دارید، حتما سابسکرایب کنید و آموزش ها رو از اول نگاه کنید.
نکات مهم و زیادی رو بین آموزش ها توضیح دادم که حاصل تجربه و کار روی پروژه های طراحی سایت و سئو بوده.
حتما زنگوله کانال رو فعال کنید تا آموزش های جدید بهتون اطلاع رسانی بشه.
جهت حمایت از من لایک و کامنت رو فراموش نکنین و خوشحال میشم اگر من رو به دوستان علاقه مند معرفی کنید.
#دیجیکالا #هدر_دیجیکالا #المنتور #طراحی_سایت #وردپرس
آموزش های پیشنهادی :
طراحی مگامنو دیجیکالا:
• آموزش ساخت مگامنو دیجی...
ساخت پست تایپ سفارشی :
• آشنایی با خطا ها و مشک...
آموزش کانتینر های المنتور :
• آموزش کانتینر المنتور ...
طراحی مگامنو حرفه ای :
• آموزش ساخت مگا منو با ...
آموزش رسپانسیو کردن هدر :
• آموزش رسپانسیو کردن هد...
تفاوت برگه و قالب در المنتور:
• تفاوت برگه های وردپرس ...
عالی
خوشحالم که مورد رضایت بوده🌹
تشکر و خداقوت.آموزش بسیار عالی قابل فهم و با بیان ساده و روان بود.ممنون از شما..
🌹🙏
عالی بود ممنون از آموزش های خوبتون
خواهش میکنم
خوشحالم آموزش ها براتون مفید بوده
فوق العاده بود 🙏🏻🙏🏻
خوشحالم رضایت بخش بوده
بسیار دقیق به نکات ریز اشاره کردید که جای تشکر و قدردانی داره
فوق‌العاده بود ممنون
ممنون از انرژی مثبتتون
مثل همیشه عالی استاد❤💯🙏🙏
ممنون از حمایت همیشگی تون ❤️
ویدیو های بیشتر بزارید ممنون میشم 🙏
چشم
خیلی دوست دارم بیشتر فعالی کنم اما پروژه هام تایمم رو پر کرده
این روزا به سختی میتونم دو ویدئو در هفته منتشر کنم
بازم دمتون گرم 🙏
عالی بود
سلام عالی بود اگه میشه آموزش هدر عمودی وجمع شونده کنارسایت هم قرار دهید ممنون
سلام وقت بخیر
طبق درخواستتون آموزش رو منتشر کردم
ruclips.net/video/6THWq4z9eiE/видео.html
بفرمایید
ممنون استاد 🙏🏻
خواهش میکنم ممنون از حمایت های شما 🌹
samal vaght be khire.lotfan mishe kole sito besazid va amozesh bedidi
سلام وقت بخیر
آموزش طراحی سایت دیجی کالا بطور کلی زمانبر هست
سعی میکنم بخش های مهمش رو طراحی کنم و در ویدئو های کوتاه منتشر کنم
@@amir-yami همین زمان بر بودنش خوبه برای کانال شما،به درد ماها ام میخوره مطمئنن
ریسپانسیو کردنش هم ویدیو درست میکنی خیلی نیاز دارم نمیدونم چیکار کنم گیر کردم
رسپانسیو دیجی کالا آسونه
همه رو غیر فعال کنید و فقط فیلد جستجو باشه
منو موبایلی پایین صفحه فیکس بشه و تمام
چون ساده بود ضبط نکردم
لطفا اموزش کانفیگ وردفنس رو به صورت دقیق اموزش بدید
سلام
چشم حتما
سلام جناب یامی ، میشه از دو بخش هدر تو سایت استفاده کرد؟مثلا یه بخشی از هدر قالب وودمارت و یه بخش از هدر المنتور؟؟
سلام
از المان های المنتور در هدر وودمارت یا برعکس؟
نه این نمیشه و منطقی نیست
یکی رو انتخاب کنید و با همون پیش برید
سلام لطفا اموزش ریسپانسیو کردن کانتینر هم بذارید الان من همینو طراحی کردم ریسپانسیوش خیلی سخته
سلام
آموزش بعدی رسپانسیو کردن همین فوتر هست
تو نسخه جدید المنتور این گزینه کانتینر و تراز بندیش چرا وجود نداره؟ نمیشه دوتا آیکون رو کنار هم قرار داد
میشه
استاد یه فیلم بسازید که بدون افزونه با المنتور کار کنیم مثلا صفحه ثبت نام رو خودمون بسازیم
من به یه مشکلی برخوردم هر کاری میکنم درست نمیشه
تو صفحه افزودن محصول ووکامرس زمانی که میخوام قسمت اطلاعات محصول رو پر کنم (تعیین قیمت و اینا ) پنجره کار نمیکنه کلا
ینی پنجره هستش ولی وقتی روی تب های عمودی سمت راستش میزنم هیچ اتفاقی نمیوفته
حتی منو کرکره ای بالای اون که برای انتخاب محصول ساده و دانلودی هستش ، هم باز نمیشه
سلام وقتتون بخیر
دلیل های زیادی میتونه داشته باشه که چند تا رو میگم تست کنید
افزونه ها رو دونه دونه غیر فعال کنید و تست کنید احتمال داره تداخل داشته باشن افزونه ها
ووکامرس رو اپدیت کنید(اگر اپدیت هست، از نسخه های قدیمی تر استفاده کنید و ببینید مشکل برطرف میشه یا نه)
موقعی که دارید روی تب ها کلیک میکنید اینسپکت رو باز کنید و روی تب کنسول باشید و ببینید موقع کلیک خطایی میده یا نه
@@amir-yami تشکر خیلی ممنون درست شد
سلام من طبق آموزش شما پیش رفتم ی مشکلی دارم اینه تو خود سایت ک میرم تا کلیک میکنم قسمت زیر مجموعه تا موس روش میره محو میشه نمیشه حتی رو گزینه هاش کلیک کرد... ممنون میشم راهنماییم کنید چند روزه درگیر این مشکلم
اون کد آخر رو کجا میتونیم داشته باشیم؟
توی کدوم دقیقه و ثانیه؟
اگر کدی توی آموزش استفاده کنم، توی کانال تلگرام میزارم
🎉❤
🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹
برای من لوگو سایت پرو هست نمیشه استفاده کنم😢
salam code script ro nemizarin?
man mizanam kar nemikone moteasefane
سلام
کدوم اسکریپت منظورتونه؟
مال مگا منو؟