طراحی هدر دیجی کالا با المنتور ( حرفه ای )
HTML-код
- Опубликовано: 11 сен 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 تشکر خیلی ممنون درست شد
سلام لطفا اموزش ریسپانسیو کردن کانتینر هم بذارید الان من همینو طراحی کردم ریسپانسیوش خیلی سخته
سلام
آموزش بعدی رسپانسیو کردن همین فوتر هست
سلام جناب یامی ، میشه از دو بخش هدر تو سایت استفاده کرد؟مثلا یه بخشی از هدر قالب وودمارت و یه بخش از هدر المنتور؟؟
سلام
از المان های المنتور در هدر وودمارت یا برعکس؟
نه این نمیشه و منطقی نیست
یکی رو انتخاب کنید و با همون پیش برید
اون کد آخر رو کجا میتونیم داشته باشیم؟
توی کدوم دقیقه و ثانیه؟
اگر کدی توی آموزش استفاده کنم، توی کانال تلگرام میزارم
برای من لوگو سایت پرو هست نمیشه استفاده کنم😢
لطفا اموزش کانفیگ وردفنس رو به صورت دقیق اموزش بدید
سلام
چشم حتما
قسمت صفحه پرداخت آموزش بدین
پرداخت که همون درگاه پرداخته
منظورتون صورتحساب هست؟
@@amir-yami بله
salam code script ro nemizarin?
man mizanam kar nemikone moteasefane
سلام
کدوم اسکریپت منظورتونه؟
مال مگا منو؟
🎉❤
🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹