طراحی هدر دیجی کالا با المنتور ( حرفه ای )

Рет қаралды 3,352

9 ай бұрын

توی این ویدئو باهمدیگه هدر دیجی کالا رو طراحی میکنیم. بصورت کامل و حرفه ای. برای طراحی هدر دیجیکالا فقط به افزونه های المنتور و المنتور پرو نیاز دارید.
هدر یکی از مهمترین بخش های سایت هست که باید توجه ویژه ای بهش بشه. چون اولین بخشی هست که توی سایت نمایش داده میشه و توی همه صفحات هم تکرار میشه .
در واقع هدر باید دسترسی به تمام قسمت های سایت رو به مخاطب بده.
هدر دیجیکالا شامل دو سطر هست که سطر اول مربوط به لوگو، کادرجستجو در دیجی کالا، دکمه ورود و ثبت نام و آیکون سبد خرید است.
در سطر دوم سه نوع منو و دکمه انتخاب لوکیشن کاربر وجود دارد.
برای طراحی هدر دیجیکالا از افزونه المنتور و المنتور پرو استفاده کردم که ساختار و ظاهر هدر دیجیکالا را میتوانیم طراحی کنیم. برای بخش استیکی یا همان هدر چسبان از افزونه جانبی استفاده کردم :
Sticky Header Effects for Elementor
این افزونه رو میتونید از مخزن وردپرس دانلود کنید و به رایگان استفاده کنید.
این یک افزونه جانبی برای المنتور است. یعنی باید المنتور را در کنار این افزونه نصب داشته باشید.
در این آموزش از آیکون های اس وی جی دیجیکالا استفاده کردم که نحوه دانلود آیکون های یک سایت خاص رو توی ویدئو توضیح دادم
اکستنشن کروم :
SVG Export
هدف از انتشار این ویدئو آموزشی تمرین با المنتور بود که بتونیم هر طرحی رو با استفاده از المنتور پیاده سازی کنیم.
اگر به دنبال آموزش رایگان المنتور و وردپرس و بطور کلی طراحی سایت هستید. حتما کانال من رو سابسکرایب کنید و منتظر آموزش های جدید باشید.
ما توی کانال امیر یامی قالب و افزونه های وردپرسی رو هم معرفی میکنیم. همچنین ترفند هایی از طراحی سایت رو آموزش میدیم که باعث میشه سایت های حرفه ای تری رو طراحی کنید.
اگر به تازگی قصد ورود به بازار کار طراحی سایت با وردپرس رو دارید، حتما سابسکرایب کنید و آموزش ها رو از اول نگاه کنید.
نکات مهم و زیادی رو بین آموزش ها توضیح دادم که حاصل تجربه و کار روی پروژه های طراحی سایت و سئو بوده.
حتما زنگوله کانال رو فعال کنید تا آموزش های جدید بهتون اطلاع رسانی بشه.
جهت حمایت از من لایک و کامنت رو فراموش نکنین و خوشحال میشم اگر من رو به دوستان علاقه مند معرفی کنید.
#دیجیکالا #هدر_دیجیکالا #المنتور #طراحی_سایت #وردپرس
آموزش های پیشنهادی :
طراحی مگامنو دیجیکالا:
• آموزش ساخت مگامنو دیجی...
ساخت پست تایپ سفارشی :
• آشنایی با خطا ها و مشک...
آموزش کانتینر های المنتور :
• آموزش کانتینر المنتور ...
طراحی مگامنو حرفه ای :
• آموزش ساخت مگا منو با ...
آموزش رسپانسیو کردن هدر :
• آموزش رسپانسیو کردن هد...
تفاوت برگه و قالب در المنتور:
• تفاوت برگه های وردپرس ...

Пікірлер: 46

@roza.kh6 2 ай бұрын

تشکر و خداقوت.آموزش بسیار عالی قابل فهم و با بیان ساده و روان بود.ممنون از شما..

@amir-yami 2 ай бұрын

🌹🙏

@MamadEmoji Ай бұрын

عالی

@amir-yami Ай бұрын

خوشحالم که مورد رضایت بوده🌹

@firemena7278 4 ай бұрын

بسیار دقیق به نکات ریز اشاره کردید که جای تشکر و قدردانی داره

@mohamad.hoseintalachian2134 8 ай бұрын

عالی بود ممنون از آموزش های خوبتون

@amir-yami 8 ай бұрын

خواهش میکنم خوشحالم آموزش ها براتون مفید بوده

@danialhosseini2814 8 ай бұрын

فوق العاده بود 🙏🏻🙏🏻

@amir-yami 8 ай бұрын

خوشحالم رضایت بخش بوده

@hossein69.69 8 ай бұрын

فوق‌العاده بود ممنون

@amir-yami 8 ай бұрын

ممنون از انرژی مثبتتون

@alirezazahedani1999 8 ай бұрын

مثل همیشه عالی استاد❤💯🙏🙏

@amir-yami 8 ай бұрын

ممنون از حمایت همیشگی تون ❤️

@firemena7278 4 ай бұрын

عالی بود

@Earnercrypto 4 ай бұрын

استاد یه فیلم بسازید که بدون افزونه با المنتور کار کنیم مثلا صفحه ثبت نام رو خودمون بسازیم

@nazaninnorouzi2109 7 ай бұрын

ممنون استاد 🙏🏻

@amir-yami 7 ай бұрын

خواهش میکنم ممنون از حمایت های شما 🌹

@user-bw7xw2cg8b 8 ай бұрын

سلام عالی بود اگه میشه آموزش هدر عمودی وجمع شونده کنارسایت هم قرار دهید ممنون

@amir-yami 8 ай бұрын

سلام وقت بخیر طبق درخواستتون آموزش رو منتشر کردم kzfaq.info/get/bejne/bLp4itRl35_JmXk.html بفرمایید

@hossein69.69 8 ай бұрын

ویدیو های بیشتر بزارید ممنون میشم 🙏

@amir-yami 8 ай бұрын

چشم خیلی دوست دارم بیشتر فعالی کنم اما پروژه هام تایمم رو پر کرده این روزا به سختی میتونم دو ویدئو در هفته منتشر کنم

@hossein69.69 8 ай бұрын

بازم دمتون گرم 🙏

@supercars3013 8 ай бұрын

samal vaght be khire.lotfan mishe kole sito besazid va amozesh bedidi

@amir-yami 8 ай бұрын

سلام وقت بخیر آموزش طراحی سایت دیجی کالا بطور کلی زمانبر هست سعی میکنم بخش های مهمش رو طراحی کنم و در ویدئو های کوتاه منتشر کنم

@supercars3013 8 ай бұрын

@@amir-yami همین زمان بر بودنش خوبه برای کانال شما،به درد ماها ام میخوره مطمئنن

@sabaeli9538 4 ай бұрын

سلام من طبق آموزش شما پیش رفتم ی مشکلی دارم اینه تو خود سایت ک میرم تا کلیک میکنم قسمت زیر مجموعه تا موس روش میره محو میشه نمیشه حتی رو گزینه هاش کلیک کرد... ممنون میشم راهنماییم کنید چند روزه درگیر این مشکلم

@user-jk4qi6eh4e 6 ай бұрын

ریسپانسیو کردنش هم ویدیو درست میکنی خیلی نیاز دارم نمیدونم چیکار کنم گیر کردم

@amir-yami 6 ай бұрын

رسپانسیو دیجی کالا آسونه همه رو غیر فعال کنید و فقط فیلد جستجو باشه منو موبایلی پایین صفحه فیکس بشه و تمام چون ساده بود ضبط نکردم

@alliialpha 5 ай бұрын

تو نسخه جدید المنتور این گزینه کانتینر و تراز بندیش چرا وجود نداره؟ نمیشه دوتا آیکون رو کنار هم قرار داد

@amir-yami 5 ай бұрын

میشه

@behrooz2 8 ай бұрын

سلام جناب یامی ، میشه از دو بخش هدر تو سایت استفاده کرد؟مثلا یه بخشی از هدر قالب وودمارت و یه بخش از هدر المنتور؟؟

@amir-yami 8 ай бұрын

سلام از المان های المنتور در هدر وودمارت یا برعکس؟ نه این نمیشه و منطقی نیست یکی رو انتخاب کنید و با همون پیش برید

@amirh7 8 ай бұрын

من به یه مشکلی برخوردم هر کاری میکنم درست نمیشه تو صفحه افزودن محصول ووکامرس زمانی که میخوام قسمت اطلاعات محصول رو پر کنم (تعیین قیمت و اینا ) پنجره کار نمیکنه کلا ینی پنجره هستش ولی وقتی روی تب های عمودی سمت راستش میزنم هیچ اتفاقی نمیوفته حتی منو کرکره ای بالای اون که برای انتخاب محصول ساده و دانلودی هستش ، هم باز نمیشه

@amir-yami 8 ай бұрын

سلام وقتتون بخیر دلیل های زیادی میتونه داشته باشه که چند تا رو میگم تست کنید افزونه ها رو دونه دونه غیر فعال کنید و تست کنید احتمال داره تداخل داشته باشن افزونه ها ووکامرس رو اپدیت کنید(اگر اپدیت هست، از نسخه های قدیمی تر استفاده کنید و ببینید مشکل برطرف میشه یا نه) موقعی که دارید روی تب ها کلیک میکنید اینسپکت رو باز کنید و روی تب کنسول باشید و ببینید موقع کلیک خطایی میده یا نه

@amirh7 8 ай бұрын

@@amir-yami تشکر خیلی ممنون درست شد