آموزش عملی کار با کانتینر در المنتور به زبان ساده
درباره دوره
فلکس باکس کانتینر ویژگی جدیدی است که در نسخه های جدید المنتور اضافه شده تا با استفاده از آن صفحات پیچیده تر در عین حال سبک تر طراحی شود.
فلکس باکس یک حالت چیدمان در CSS است که با استفاده از آن، خیلی راحت می توان آیتم ها را مدیریت و کنار هم قرار داد.
در سیستم قبلی المنتور که با استفاده از سکشن و ستون طراحی میشد، برای آیتم های پیچیده نیاز به ستون های تو در تو بود که این کار حجم زیادی کد تولید می کرد که باعث کند شدن و دیر بالا آمدن سایت می شد.
ولی در سیستم کانتینر، حجم کد تولید شده بسیار کمتر و در نتیجه سرعت لود صفحات بیشتر می شود که برای سئوی سایت این حالت پیشنهاد می شود.
همچنین برای طراحی ریسپانسیو صفحات یک سایت، کانتینر عملکرد بهتری دارد. به خصوص در طراحی ریسپانسیو هدرها که اکثرا افراد برای چیدمان آیتم ها به مشکل برمیخوردند.
به همین علت ما در مجموعه هفت تاز تصمیم گرفتیم که آموزش کار با کانتینر در المنتور را قرار دهیم تا با استفاده از این ویجت، طراحی های راحت تر و بهینه تری انجام دهید.
برای فعالسازی ویژگی container از پیشخوان وردپرس اقدام می شود که آموزش آن در ویدئو توضیح شده است.
سرفصل های دوره
مقدمه و فعالسازی کانتینر ویدئو
5 دقیقه
ویژگی Flex Direction ویدئو
8 دقیقه
ویژگی Justify Content ویدئو
13 دقیقه
ویژگی های wrap و Align Items ویدئو
12 دقیقه
ویژگی های align self و order ویدئو
9 دقیقه
ویژگی های shrink و grow ویدئو
12 دقیقه
ساخت layout با کاننتینر ویدئو
5 دقیقه
سوالات متداول
برای اینکار به پیشخوان وردپرس رفته، روی سربرگ ویژگی ها کلیک نمایید، سپس گزینه کانتینر فلکس باکس را فعال کنید.
بله یکی از مهم ترین ویژگی های فلکس باکس کانتینر، طراحی ریسپانسیو یا واکنش گرایی صفحات به خصوص هدرها می باشد.
با توجه به اینکه در طراحی صفحات با کانتینر، تعداد کد کمتری تولید می شود، سرعت لود شدن آن صفحه بالا رفته و از لحاظ سئو عملکرد مناسب تری دارد.
درخواست مشاوره
برای کسب اطلاعات بیشتر درباره این دوره درخواست مشاوره خود را ارسال کنید و یا با ما در تماس باشید.
درخواست مشاورهدوره های مرتبط
اضافه کردن آیکون به منو بدون افزونه + بدون کدنویسی
درباره دوره هدر یکی از اصلی ترین بخش های هرسایت است و در بالاترین بخش سایت نشان داده می شود.…
آموزش لینکدین قدم به قدم + ساخت اکانت حرفه ای
درباره دوره در توضیح آموزش لینکدین قدم به قدم می توان گفت که، زندگی در عصر ارتباطات، رسانه و وجود…
آموزش کاربردی برچسب های پویا (محتوای دینامیک) در المنتور
درباره دوره برچسب های پویا در المنتور، ویژگی است که باعث تولید محتوای دینامیک می شود. دینامیک یعنی اینکه بر…
آموزش عملی کار با حلقه (لوپ) در المنتور
درباره دوره اگر طراحی سایت را با استفاده از المنتور انجام می دهید، حتما متوجه شدید که المنتور دائما ویژگی…
امتیاز دانشجویان دوره
نظرات
135000 – رایگان!
مرضیه هدایت پناه
طراح سایتکارشناسی ارشد IT خوندم و به مدت 9 ساله در دانشگاه های مختلف، به تدریس دروس تخصصی رشته های کامپیوتر و IT مشغول هستم.
رضایی طلب( خریدار محصول )
سلام . خیلی خیلی دوره آموزشی کار با کانتینر در المنتور تون ساده و روان بیان شده بود . من دو تا سایت دیگر هم که این اموزش رو داشتند بررسی کردم ولی با یکبار دیدن فیلم های شما کامل متوجه شدم . ممنونم
7taz(مدیریت)
خدا رو شکر که از آموزش کانتینر شرکت هفت تاز رضایت صد در صدی داشتید .
ثابت( خریدار محصول )
سلام وای ممنونم. از وقتی که ویجت کانتینر اومده من خیلی تو طراحی به مشکل خوردم چون ازش سر در نمیاوردم اصلا. خیلی دنبال آموزش کانتینر در المنتور بودم.
خیلی خوشحال شدم که آموزش کار با کانتینر رو گذاشتید و خیلی هم خوب توضیح دادید. ممنون.
7taz(مدیریت)
خواهش می کنم.
خوشحالم که آموزش ویجت کانتینر ما راضی بودید.
آرزو
واااای مرسی
چقدرررررر عالی توضیح داده بودن خانم هدایت پناه ????????????
آدمکاااامل متوجه میشه مطلب رو.
7taz(مدیریت)
ممنونم از لطفتون… خداروشکر که مورد توجهتون قرار گرفت.
آرزو( خریدار محصول )
خیلی خوب توضیح دادید استاد????
من واقعاااا یاد گرفتم ????با تشکر فراوان
7taz(مدیریت)
خیلی عالیه که کانتینر در المنتور رو یادگرفتید، چون الان طراحی ها دیگه با استفاده از فلکس باکس کانتینر شده.
سعید( خریدار محصول )
سلام وقتتون بخیر ممنون از توضیحاتتون
مشکلی که من دارم در این کانتینر در المنتور اینکه بخش کشیده رو پیدا نمیکنم و چطور میشه اونو قرار داد
7taz(مدیریت)
سلام
اول اینکه تنظیمات صفحه رو روی تمام عرض المنتور بذارید. کانتینر به صورت کشیده در میاد چون پیش فرضش همین هست ولی اگر نشد عرض محتوای کانتینر رو روی تمام عرض 100درصد قرار بدید.
s24developer( خریدار محصول )
اگر از قالب وودمارت استفاده میکنید ، در همون بخش طرحبندی کانتینر که میتونید عرض رو 100 درصد بذارید ، قدری پایین تر بیاین بخش xThemos و دگمه حالت کشیده رو فعال کنید.
7taz(مدیریت)
ممنونم
s24developer( خریدار محصول )
درودی بیکران
عرض سپاس و تشکر دارم بخاطر ارائه این دوره بسیار کاربردی و البته مهم ، بخصوص که دوره رو بصورت رایگان در اختیار عموم قرار دادید
7taz(مدیریت)
ممنونم از لطفتون نسبت به دوره آموزشی کانتینر.
reza1( خریدار محصول )
تشکر از زحماتتون تدریستون عالی بود واقعا خوب این مبحث رو شرح دادین
7taz(مدیریت)
خواهش می کنم.
خوشحالم که مفید بوده.
mr electronics( خریدار محصول )
سلام خانم مهندس
میخواستم ازتون تشکر کنم
خیلی خیلی ازتون ممنون هستم بابت آموزش خوبتون
خسته نباشید