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

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

[@Amir-e2v7j]

عالی و درجه یک تشکر بابت وقتی که گذاشتین❤

[@amir-yami]

خواهش میکنم 😊🙏🌹

[@roza.kh6]

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

[@amir-yami]

🌹🙏

[@mohamad.hoseintalachian2134]

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

[@amir-yami]

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

[@sarah-uz3bi]

خیلی مفید بود ممنونم

[@amir-yami]

خواهش میکنم

[@danialhosseini2814]

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

[@amir-yami]

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

[@alirezazahedani1999]

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

[@amir-yami]

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

[@firemena7278]

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

[@hossein69.69]

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

[@amir-yami]

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

[@hossein69.69]

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

[@amir-yami]

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

[@hossein69.69]

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

[@nazaninnorouzi2109]

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

[@amir-yami]

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

[@supercars3013]

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

[@amir-yami]

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

[@supercars3013]

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

[@حمیدرضانوری-ك2غ]

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

[@amir-yami]

سلام وقت بخیر طبق درخواستتون آموزش رو منتشر کردم kzbin.info/www/bejne/bIWriKRqr56Yn6c بفرمایید

[@MamadEmoji]

عالی

[@amir-yami]

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

[@firemena7278]

عالی بود

[@persianfriend]

سلام و وقت بخیر، واقعا عالی بود و از آموزش شما لذت بردم. نکات ظریف بسیاری داشت که بسیار عالی توضیح دادین. مشکلی که من دارم اینه که ابزار جستجو در وردپرسی که من دارم اصلا شبیه به اونی که شما استفاده کردین نیست و حتی جای اون در منوی بزارها هم متفاوت است و در قسمت "پرو" است نه "سایت" و نامش هم "search" است. آیا با افزونه ووکامرس این ابزارک به ابزارهای وردپرس شما اضافه شده است؟

[@amir-yami]

اینجا از سرچ قدیمی استفاده کردم که الان المنتور سرچ جدید اضافه کرده

[@amintajer9892]

سلام و عرض ادب عزیز قالبی که شما استفاده میکنید چی هست ؟ چون قالب بنده وودمارت هست و این امکانات و نمیده و واقعا سر سایز کردن باکس جستجو اذیت میکنه

[@amir-yami]

من از هلو المنتور توی این ویدئو استفاده کردم ولی اگر شما مثل من از افزونه المنتور برای ساخت هدر استفاده کنید، نباید مشکلی داشته باشین از بخش تنظیمات وودمارت هدر خودش رو غیر فعال کنید

[@amintajer9892]

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

[@amirh7]

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

[@amir-yami]

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

[@amirh7]

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

[@sabaeli9538]

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

[@behrooz2]

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

[@amir-yami]

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

[@alliialpha]

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

[@amir-yami]

میشه

[@nasrinjoon]

اون کد آخر رو کجا میتونیم داشته باشیم؟

[@amir-yami]

توی کدوم دقیقه و ثانیه؟ اگر کدی توی آموزش استفاده کنم، توی کانال تلگرام میزارم

[@Earnercrypto]

این هدر یک مشکل بزرگ داره دقت کنید از نظر سئو ما همیشه در برنامه نویسی یک تگ header ایجاد می کنیم المنتور اینو پیش فرض نمیزاره باید دستی خودمون بریم از قسمت تنظیمات اضافی تگ header رو مشخص کنیم . الان دو بخش داره هدر شما باید دسته بندی و اون قسمت منو داخل کانتینر مادر باشه نه جدا از هم

[@amir-yami]

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

[@Earnercrypto]

@amir-yami مرسی استاد بله اینم میشه

[@Ebi_ghaedi]

🎉❤

[@amir-yami]

🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹🌹

[@hohamad77]

قسمت صفحه پرداخت آموزش بدین

[@amir-yami]

پرداخت که همون درگاه پرداخته منظورتون صورتحساب هست؟

[@hohamad77]

@@amir-yami بله

[@aliasode-l9f]

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

[@amir-yami]

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

[@Chashnie]

salam code script ro nemizarin? man mizanam kar nemikone moteasefane

[@amir-yami]

سلام کدوم اسکریپت منظورتونه؟ مال مگا منو؟

[@EndEdits16]

سلام لطفا اموزش ریسپانسیو کردن کانتینر هم بذارید الان من همینو طراحی کردم ریسپانسیوش خیلی سخته

[@amir-yami]

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

[@alalekurdistan733]

‏‪برای من لوگو سایت پرو هست نمیشه استفاده کنم😢

[@سایه-ع4ظ]

لطفا اموزش کانفیگ وردفنس رو به صورت دقیق اموزش بدید

[@amir-yami]

سلام چشم حتما

[@Robotech_persian]

گزینه سایز برا من نمیاره