تخصص طراحی فلکس در قالب وودمارت ( کانتینر )
تخصص طراحی فلکس در قالب وودمارت ( کانتینر )
( )
در این ویدئو نکته بسیار مهمی را آموزش دادیم که با استفاده از آن می بایست کل تفکر طراحی با المنتور را در فروشگاه قالب وودمارت تغییر دهید بنابرین این ویدئو را با قدرت ببینید. ( ادامه مطلب … )
104 دیدگاه. Leave new
یه سوال دیگه هم داشتم ، میشه بعضی از قسمت های صفحه مثل قبل با بخش داخلی و … باشه و بخشی دیگه رو هم با کانتینر درست کنیم ؟
سلام وقت شما بخیر،
اگر حالت فلکس باکس را فعال کردید پیشنهاد می کنم از ویژگی کانتینر آن استفاده کنید زیرا عملکرد بهتری دارد. همچنین مشاهده آموزش تبدیل سکشن ها به کانتینر در المنتور – Convert to Flexbox Container توصیه می شود
با تشکر.
سلام
واقعا ممنونم از آموزش های زیباتون آقای جبین پور عزیز
و البته زحمات تیم پشتیبانی سایت
یک مشکلی داشتم تو دقیقه 32:20 حدودا آقای جبین پور بخش پیشنهاد شگفت انگیز رو که میخواد درست کنه سمت چپ از کادر میزنه بیرون ، ایشون میگه به نظرم اینطوری قشنگه ، حالا اگر بخواید از هر طرف فاصله داشته باشه باید چیکار کنیم ؟ اگر دقت کنید وقتی ایشون داره فاصله خارجی رو اعمال میکنه سمت چپیه به جای اینکه فاصله بگیره میره تو
ممنون میشم یه راهنمایی بکنید این قسمت رو
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم ، اگر قصد دارید پس زمینه این قسمت کل عرض را پوشش ندهد می توانید یک کانتینر ایجاد و درون آن یک کانتینر دیگر قراردهید ، پس زمینه را به کانتینر داخلی لحاظ کرده و اکنون فرایند درج المان ها و طراحی را در کانتینر داخلی انجام دهید.
با تشکر.
سلام وقتتون بخیر اموزشتون عالیه مممون
فقط ببخشید چرا برای من‌گزینه تبدیل به کانتینر رو نداره؟
سلام وقت شما بخیر،
خواهش میکنم ، اگر افزونه شما بروز بوده باشد و همچنین حالت فلکس باکس را فعال کرده باشید بایستی این گزینه در دسترس شما باشد.
با تشکر.
خیلی دوست دارم آقا مهدی گل ؛ شما خیلی چیز ها رو به ما یاد دادی
و به سر ما حق پدری داری…
از همراهی شما بسیار ممنونیم و خوشحالیم که در کنار ما هستید
فوق العاده بودید از همه لحاظ و واقعا ازتون ممنونم
بله، می خواهم کانتینر ارتفاع کمی داشته باشد (نسبت به آنچه که در حال حاضر به صورت پیش فرض است)
سلام وقت شما بخیر،
در این خصوص می توانید در تنظیمات کانتینر و کانتینرهای داخلی و در تب پیشرفته آنها مقدار فاصله داخلی را 0 قرار دهید.
با تشکر.
سلام
تشکر بابت آموزش این دوره و خدا قوت به آقای جبین پور. خواستم ببینم این دوره ادامه داره؟
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم ، انشاالله جلسات جدید بزودی در دسترس شما قرار داده خواهد شد.
با تشکر.
حالت 100vh رو هم قبلا امتحان کرده بودم. 100vh که کلا برای “دستیابی به کانتینر با ارتفاع کامل” هست. همه رو امتحان کردم. اصلا کم نمیکنه از ارتفاع!
منظور شما این است که می خواهید کانتینر ارتفاع کمی داشته باشد یا اینکه بصورت خودکار در صفحه نمایش های مختلف ارتفاع کامل آن صفحه نمایش را به خود اختصاص دهد؟
سلام و تشکر بابت آموزش های خوب و دلسوزانه تون. در زمان طراحی مشکلی که دارم اینه که ارتفاع کانتینر رو هر کاری میکنم کمتر از اونی که پیش فرض قالب اولیه است، نمیشه. در قسمت طرح بندی، کمترین ارتفاع رو گزینه px است. میخوام ارتفاع کانتینر م یه حدی باشه که از ارتفاع صفحۀ دسکتاپ کامپیوتر بیشتر نباشه تا دید بهتری بگیره. ممنون میشم راهنمایی کنید. البته تو اموزش ویدئویی دیدم که شما رو em تنظیم کردید. اما با اونم تنظیم میکنم عرض کانتینر کم نمیشه 🙁
سلام وقت شما بخیر،
برای این مورد میتوانید ارتفاع را 100vh تنظیم نمایید تا کل ارتفاع صفحه را بصورت خودکار شناسایی و آنرا در بر گیرد.
با تشکر.
با سلام وقت بخیر
چرا نمیشه کانتینر رو در قالب وودمارت تمام عرض و کشیده کرد؟ ولی در بخش ها میشد
اگر کد css برای کشیدن و تمام عرض کردن کانتینر دارید میشه لطف کنید بدید
سلام وقت شما بخیر،
مشکلی از این بابت وجود ندارد ، اگر نیاز به راهنمایی و توضیح است ، تیکت ارسال نمایید تا از روی سایت شما به شما آموزش شود.
با تشکر.
سلام وقت بخیر از من xtemos نداره به جایش یه بخش چیدمان کانتینر استرچ دار آیا همون کارو انجام میده ؟
سلام وقت شما بخیر،
به نظر می‌رسد شما حالت فلکس باکس را در المنتور فعال کردید که پیشنهاد میشود از آموزش تخصص طراحی فلکس در قالب وودمارت ( کانتینر )دیدن فرمایید
با تشکر.
سلام ممنون از تدریس عالیتون🙏🏻
درود بر شما وقت بخیر ، از همراهی شما بسیار ممنونیم
سلام…خدا قوت به شما استاد اخلاق و زندگی
درود بر شما از همراهیتان بسیار ممنونیم
سلام وقت بخیر,تدریس تون عالیه خداقوت همیشه دعاگوی محبت شما هستم
درود بر شما از همراهی شما بسیار ممنونیم
سلام وقتتون بخیر ببخشید من گزینه کانتینر فلکس باکس رو فعال کردم اما گزینه بخش های داخلی هنوز داخل المان ها اضافه نشده
سلام وقت شما بخیر،
با فعال کردن حالت فلکس باکس دیگر امکان استفاده از المان بخش داخلی وجود نخواهد داشت.
با تشکر.
سلام وقتتون بخیر ببخشید میخواستم بگم بگم که بخش generallayout در تنظیمات قالب وودمارت من وجود نداره باید چیکارکنم؟
سلام وقت شما بخیر،
پیشنهاد می کنم قالب و افزونه های آنرا در سایت خود بروز کرده و سپس تست فرمایید.
با تشکر.
عرض سلام و احترام و خسته نباشید از تدریس عالی شما
درود و عرض ادب، از همراهی شما بسیار ممنونیم
با سلام و عرض ادب
به نظرتون در حال حاضر فلکس جهت استفاده خوبه یا هنوز مورد تایید نیست؟ چون من فعال کردم اما در صفحه طراحی المنتور هنگی زیاد دارم. ضمن اینه که در سایت های آماده اصلا از فلکس استفاده نمیکنید. ممنون میشم راهنمایی کنید.
با تشکر
سلام وقت شما بخیر،
حالت فلکس درحال حاضر بسیار کاربردی است و مشکلی ندارد و ما نیز در سایت های آماده از آن استفاده میکنیم. بصورت کلی مشکلی از بابت سرعت نبایستی رخ دهد و اگر چنین موردی را مشاهده میکنید بررسی فرمایید که افزونه های شما حتما بروز بوده باشد.
با تشکر.
سلام و تشکر از سایت بسیار عالیتون. واقعا بهترین و معروف ترین سایت در کل کشور هست و مخصوصا آقای جبین پور بسیار دلسوزانه آموزش میدن که اصلا خسته کننده نیست و در هیچ سایتی اینجور آموزش با این کیفیت و رایگان پیدا نمیشه .خدا بهتون خیر بده.
درود بر شما وقت بخیر ، از همراهی شما بسیار سپاسگزاریم
سلام مجدد.
تنها مشکلی که در طراحی با کانتینر دارم، بخش فوتر سایتم هستش به هیچ وجه تمام عرض نشد. قالب سایتم اسنشیال هستش. و گزینه طرح بندی و تنظیم کردن عرض سفارشی نداره.
آیا راهکاری در این زمینه دارید؟
سلام وقت شما بخیر،
برخی اوقات قالب دارای تنظیمات خاصی برای این مورد است که پیشنهاد میشود با پشتیبانی قالبتان در ارتباط باشید
با تشکر.
سلام وقت بخیر
ممنون از آموزش های جامع و کاربردی شما.
خیلی دلسوزانه آموزش میدهید خدا خیرتون بده.
الان یک سال و نیم هستش در زمینه طراحی وب مشغول شدم، هیچ سایتی به این اندازه آموزش کامل ندیدم.. همه بخش های آموزشی و هر فصلش و هر ویدئوی آموزشی خیلی آموزش میدهید (بخصوص آقای جبین پور) اصلا از آموزش های ایشون خسته نمیشم بارها گوش میدهم.
سپاسگزارم
سلام وقت شما بخیر،
از اینکه آموزش های ما توانسته برای شما مفید بوده باشد بسیار خوشحالیم و امیدواریم بتوانیم با ارایه آموزش های بیشتر خدمتگزار شما باشیم.
با تشکر.
سلام وقتتون بخیر
من فوترم با کانتینر طراحی کردم الان در صفحه اصلی به صورت افقی و بدون پس زمینه نمایش داده می شود ؟
سلام وقت شما بخیر،
منظورتان را متوجه نشدیم ، آیا در نمایش یا لود فوتر سایت شما مشکلی وجود دارد.
با تشکر.
سلام من در طراحی فوتر هر کاری میکنم حالت افقی نمیشه علتش چیه ؟
سلام وقت شما بخیر،
منظورتان را دقیقا متوجه نشدم خواهشمند است توضیحات بیشتری ارایه فرمایید.
با تشکر.
کانتینر که اضافه میکنم کنار هم قرار نمیگیرن زیر هم قرار میگیرن در قسمت بلوک html
وقت شما بخیر
آموزش های مربوطه را با دقت مشاهده نمایید.
موارد مربوط به طراحی است. با تشکر.
حل شدممنون
با سلام جدیدا قالب فروشگاهی رو از شما خریدم که با کانتینر طراحی شده و سکشن رو نمیشه انتخاب کرد. کانتینر اول می خوام عرض کل صفحه اصلی سایت رو بگیره میشه راهنمایی کنید .چون روی تمام عرض هم میزارم کار نمیکنه
سلام میشه بگین تو طراحی فلکس ارتفاع رو چجوری هم اندازه صفحه نمایش قرار بدیم!؟ چون تو طراحی فلکس )کانتینر( گزینه هم ارتفاع صفحه نمایش حذف شده!
سلام وقت شما بخیر،
بله شما میتوانید حداقل ارتفاع را برای کانتینر اصلی 100hv تنظیم نمایید
با تشکر.
ممنون
سلام شیوه تدریس شما عالیه. واقعا حرف نداره
فرمودی کامنت . دمت گرم انصفا . واقعا خوشحالم که با شما آشنا شدم و ممنونم از شما که به گردش آزاد اطلاعات که هدف اصلی اینترنت هست کمک میکنید. مخصوصا ما ایرانی ها که غیر از همدیگه کسی رو نداریم.
ارتفاع کنتینر رو چجوری بکنیم 20 پیکسل ؟ فقط میشه بزرگترش کرد. من برای هدر نیاز به یک سطر باریک دارم اما نمیتونم ردیفش کنم
سلام وقت شما بخیر،
شما میتوانید در تنظیمات ردیف و ستونهای آن مقدار پدینگ را 0 در نظر بگیرید تا تمام فاصله ها از بین برود
با تشکر.
بنظرم بدون فلکس طراحی ساده تر
سلام وقت شما بخیر،
این یک ویژگی جدید و جذاب است که طراحی را بهبود میدهد که در صورت تمایل میتوانید آنرا فعال و استفاده فرمایید.
با تشکر.
درحال دیدن ویدیو کل صفحه اول سایتم رو فلکس کردم
حالا جدا از سبک شدنش واقعا کارمو راحت کرد
چون در حالت عادی نمیتونستم هیچ چیزی رو تمام صفحه کنم و مجبور بودم هاشیه ی منفی بهشون بدم که خیلی سخت بود و بهم میریخت
ولی الان کارم خیلی راحت شد و دیگه ابعاد ایتم ها بهم نمیریزه
سلام
متشکرم از جناب جبین پور
ممنونم واقعا
در دقیقه ۲۶ یک فلکس درست کردین که توی حالت لپتاپ درست نشون میده . حالا همین رو اگر توی حالت موبایل نمایش بدین ، هر المان توی یک خط نشون داده میشه (مثلا فروش کتاب توی یک ردیف) . اگر بخوایم المان فروش کتاب و المان فروش موبایل توی یک خط باشند باید چیکار کرد (توی حالت موبایل)
متشکرم
سلام وقت شما بخیر،
در این خصوص شما میتوانید با فعال کردن حالت واکنشگرا و انتخاب حالت موبایل و سپس انتخاب کانتینر مربوطه در تنظیمات فلکس جهت کانتینر را تغییر دهید که با اینکار بایستی مشکل حل شود
با تشکر.
سلام بر شما ،
در نظر داریم که بصورت کامل همه موارد المنتوری را در یک دوره کامل توضیح دهیم. ما در آینده بصورت کامل هر انچه مربوط به المنتور و حالت های ریسپانسیو است را آموزش می دهیم.
چقد خوبین شما
سلام اول میگم خسته نباشید از این همه دلسوزی و مهربانی شما برای اموزش.
سوالم اینه که من زمانی که فلکس رو فعال کردم اوکی شد ولی اون دکمه ای که شما دارین و تبدیل رو انجام میده و یه جا به کانتینر تبدیل میکنه رو من ندارم.چجوری میتونم فعال کنم دکمه تبدیل برام بیاد؟
سلام وقت شما بخیر،
در خصوص این مورد دقت داشته باشید که حتما سکشن را انتخاب کرده باشید.
با تشکر.
سلام روز شما بخیر و شادی
انشالله برکت سفرتون چند برابر بشه و ممنون از این همه علاقه تون نسبت به تدریس واقعا یک دنیا ارزش داره سپاس
سلام و عرض ادب
از استاد گرانقدر و مهربان سپاسگزارم که انقدر با صبر و حوصله و دلسوزانه این آموزش ها رو تهیه می کنند و با چه عشقی نکات رو بیان می کنند. هزاران بار ممنون و قدردان زحمات شما هستیم.
من در طراحی سایتم یه مشکلی دارم که با تغییر رزولویشن و بزرگ و کوچک شدم سایز مرورگر تنظیمات سایت بهم می خوره . ممنون میشم در این مورد راهنمایی بفرمایید و اگر آموزشی در این خصوص هست لینکش را اینجا برایم بگذارید.
با تشکر از تمامی عزیزان زحمتش ابزاروردپرس
با سلام خدمت شما دوست گرامی
از لطف شما ممنونیم ، این مورد نیازمند بررسی است درصورتیکه محصول را تهیه کردید میتوانید از ناحیه کاربری خود با تیم پشتیبانی ما در ارتباط باشید.
موفق و موید باشید
سلام . وقت شما بخیر. در قسمت طرح بندی ها در هنگام طراحی صفحه محصول اطلاعات هیچ محصولی بعنوان پیش نمایش به نمایش درنمیاد تا من بتونم طراحی رو انجام بدم مثلا تصویر شاخص محصول رو انتخاب میکنم در طرح بندی نمایش نمیده ولی در صفحه اصلی مربوط به محصول تکی نمایش داده میشه مشکل کجاست؟
درود بر شما
وقت بخیر
این مورد توسط ما تست شد و مشکلی مشاهده نگردید پیشنهاد میشود بررسی فرمایید که قالب و افزونه های شما آخرین نسخه بوده باشند.
باتشکر از حضور شما
سلام.ممنون از آموزش خوبتون یکی از بهترین ها بود خیلی خیلی خیلی ممنونم واقعا به این نیاز داشتم خدا به پدر مادر شما خیر این دنیا اون دنیا رو بده ممنونم.از تیمتون هم ممنونم
وقت شما بخیر
ممنون از دلگرمی شما جناب شهبازی
واقها استاد جبین پور دست مریزاد دارن
هم ازنظر نوع و شیوه تدریس هم از نظر اخلاق
خیلی چیزا تا اینجای دوره ازشما یاد گرفتم
تبدیل به یکی از الگوهای زندگی من شدید
ایشاله منم بتونم خدمتی هر چند کوچک ولی به رایگان برای همه انجام بدم
خسته نباشید میگم به استاد جبین پور و تمامی اعضای تیم خستگی ناپذیرشون
مرسی که هستید
درود بر شما سید مهدی عزیز، برای شما آرزوی موفقیت داریم ، انشالله موفقیت خود را به ما اطلاع دهید.
درود
خیلی عالی بو د مرسی
با سلام و تشکر
تو ویدئو گفتین قسمت رسپانسیو رو قبلا آموزش دادین میشه لطفا لینکشو بدین من سرچ کردم نبود!
مرسی
باسلام خدمت شما
آموزش طراحی ریسپانسیو صفحه ساز
آموزش طراحی ریسپانسیو صفحه ساز 2
از حضور شما ممنونیم.
ممنون برای این ویدیو عالیتون
میخواستم بدونم با کانتاینر میشه ارورهای DOM size که در تست های گوگل ظاهر میشه رو کم کرد ؟
باسلام خدمت شما
در صورتی که سایت از نظر طراحی و سرعت و به استاندارد طراحی شده باشد ، مشکلات نیز وجود ندارد..
از حضور شما ممنونیم.
سلام خداقوت
ممنون از آموزش های بی نظیر استاد جبین پور عزیز.
سوالی که داشتم اینه که برای قسمت باکس آیکون که استاد کپی پیست کردن، به حالت عادی نیاز هست به تعداد آیکن ها داخل کانتینر اصلی باز هم کانتینر ایجاد کنیم؟
باسلام خدمت شما
پیشنهاد می شود که طبق آموزش عمل نمایید.
از حضور شما ممنونیم.
مهندس جبین پور خسته نباشید. خداروشکر همه چیز خوبه و و تیم هم پشتیبانی خوبی دارن. چیزی که منتظرش بودم همین سیستم طراحی فلکس روی وردپرس بود.
به امید روزای بهتر
سلام به استاد عزیزم
با احترام به شما و همکاران عزیز و گرامی که توسط شما استاد گرامی و دلسوز آنها نیز دلسوزانه در مجموعه شما زحمت میکشند
به همه شما خدا قوت و خسته نباشید میگم
در خصوص آموزش ها فرمودید نظر بدمیم .
بنده 3 سال هست که آموزش های شما را میبینم و کلی افزونه و قالب تهیه کردم و تنها سایتی است که بصورت کاملا حرفه ای و درست آموزش ارائه میکنه و من تا بحال سایتی مشابه سایت شما ندیدم و کاملا با آموزش های شما تونستم امیدوار باشم که میتونم بصورت حرفه ای سایت بسازم و هر موقع که نیاز به یک آموزش بود ناباورانه دیده ام که این آموزش نیز در سایت موجوده و میتونم بگم هر کس از بنده سراغ آموزش طراحی سایت را میگیره پیشنهاد میدم چشم بسته فقط با ابزار وردپرس پیش بره و اغراق نمی کنم و بدون هیچ تعارف و قلبا دوست دارم که حتی در طراحی سایت برای مشتریام هم جداگانه برای هر سایت قالب و افزونه خریداری کنم تا بتونم دینم را به گروه ابزار وردپرس ادا کنم تا از حقوق این عزیزان که صادقانه زحمت میکشند چیزی از بین نره و به همه این توصیه رو دارم .
در خصوص این آموزش بسیار از استاد جبین پور سپاسگزارم و دست مبارک ایشان را می بوسم و به خدا قسم اگر روزی سعاذت ملاقات با ایشان را پیدا کنم منت میکشم تا دست ایشان را ببوسم و از خداوند بهترین ها را برایشان آرزومندم و فقط وجود خداوند و بعد حضور ایشان باعث دلگرمی بنده برای ادامه مستمر و قوی برای طراحی وب سایت است .
زیاده گویی نکنم مجددا از ایشان و همکاران گرامی اش سپاسگزارم و یادم نرفته عرض کنم توی این 3 سال 100 ها بار با پشتیبانی تماس داشتم و تیکت میزدم تا مسله ام حل شود خدا گواه اینقدر این عزیزان خوب پاسخ میدادند که بنده در آن روز بارها از خداوند برای داشتن و وجود این عزیزان شاکر بودم .
افتخار بنده در زندگیم بدون هیچ اقرار یکیش وجود سایت ابزار وردپس می باشد که براش افتخار میکنم .
سلام و عرض ادب جناب علیزاد گرامی ،
ممنون از حضور شما ، در خدمت شما هستیم و امیدواریم بتوانیم خدمتگزار خوبی باشیم.
با تشکر.
سلام استاد عزیز . تدریس شما عالیه . من که با دیدن این ویدئو علاوه بر مبحث فلکس در وردپرس ، کلی انگیزه و امید و انرژی گرفتم. همیشه شاد و سلامت و موفق باشید.
سلام بر استاد جبین پور عزیز وجود شما باعث دلگرمی ماست ..دیگه به صداتون عادت کردیم ….آرزوی موفقیت های بزرگتر
سلام من که از کانتینر استفاده کردم می تونم غیر فعال کنم و از بخش کشیده استفاده کنم مشکلی پیش نمیاد برای قسمت های طراحی شده با فلکس؟
وقت بخیر
در صورتی که از کانتینر استفاده کرده باشید ، اگر آن را از تنظیمات غیر فعال نمایید طراحی شما دچار مشکل می شود.
خیلی جالب و کاربردی بود، دستتون درد نکنه
قسمت طرح (xtemos) در المنتور من موجود نیست و نمیتونم کانتینر رو کشیده کنم
وقت بخیر
این مورد برای قالب وودمارت است.
سلام
بسیار بسیار سپاسگزارم از اینکه زمان گذاشتید و این آموزش رو استفاده کردید فوق‌العاده بود
یه سوال داشتم آیا قالبها رو هم باید به فکس تبدیل کنیم یا همون طور باقی بمونه
سلام و وقت بخیر.
در طراحی های المنتوری اگر به سمت flex elementor حرکت نمایید بهتر ، ساده تر و بهینه تر است.
با آرزوی موفقیت برای شما .
ممنون اموزش هاتون عالی بود وهست
سلام و عرض ادب خدمت آقای جبین پور و تیم ابزاروردپرس
نحوه تدریس فوق العاده است و همینکه نکات بروز شده را بیان می کنید واقعا ممنون هستیم و تشکرمی کنیم.
اگه امکان داره در ویدیوهای بعدی نحوه اتصال سایت به گوگل تگ منیجر (Google Tag Manager) که ی جورایی جایگزین گوگل آنالیتیکس شده رو تدریس بفرمایید ممنون میشم چون خیلی از دوستان سایت رو از حالت تعمیر خارج کردند و می خوان سایت تو گوگل نمایش داده بشه.
و یک مبحث دیگه اینکه چطور می تونیم در المنتور کدها و بنرهای تبلیغاتی رو که به صورت اسکریپت هستند رو در سایت نمایش بدیم چون ویجت html رو که اضافه می کنیم قبول نمی کنه
اگه زحمت بکشید در ویدیوهای بعدی به صلاح خودتون توضیح بفرمایید ممنون میشم.
بازم از آموزش های فوق العادتون کمال تشکر و قدردانی را دارم
سلام و وقت بخیر.
این موارد خیلی مربوط به دوره فعلی نیست ، شاید در آینده در یک دوره دیگر اضافه شود.
از پیشنهاد شما ممنونیم.
با آرزوی موفقیت برای شما .