جلسه پنجم – کیت استایل
تو این ویدیو قراره یاد بگیری کیت استایل در المنتور چیه ، چجوری میتونه کلی از وقتت رو تو طراحی سایت ذخیره کنی و چطور میتونی ازش برای یکدست کردن ظاهر سایتت استفاده کنی
کیت استایل
کیت استایل یکی از امکانات افزونه codvez است ، که میتونی با استفاده از این کیت تمامی استایل صفحات و المان ها را تنظیم کنی.
با آموزش یک کیت میتونی تمامی کیت های استایل موجود تو سایت رو مدیریت کنی. بنابراین به یکی از این کیت ها می پردازیم و بصورت کامل اون رو بررسی و نمایش میدیم
برای اینکه بخوایم یه کیت استایل رو به صورت کامل انجام بدیم باید یکی از المان های codvez رو انتخاب کنیم در نظر داشته باش که این کیت ها فقط تو codvez وجود داره
یک کیت باکس خدمات رو انتخاب میکنیم و با استفاده از بخش استایل به کیت های اون دسترسی پیدا میکنیم
کیت اصلی کانتینر هستش و بصورت ریسپانسیوه
برای دسترسی به کیت اصلی (کانتینر) روی استایل کانتینر کلیک کن
کیت کانتینر از دو بخش کانتینر و شناور تشکیل شده
تنها تفاوتشون هم در اینه که کیت شناور برای تنظیم اتفاقیه که وفتی موس به روی متن ، دکمه و هر المان دیگه ای که روش کار میکنیم رخ میده
برای اینکه دسترسیت به همه ی بخش ها کامل باشه از گزینه پیشرفته استفاده کن در این حالت میتونی بصورت کامل تغییراتی که میخوای رو اعمال کنی
از قسمت تایپوگرافی کانتینر میتونی به متنت هر استایلی که میخوای بدی مثل اندازه ی متن ، فونت ، رنگ ، تراز ، مورب و …
البته در نظر داشته باش که اگه بخوای عنوان ، محتوا ، دکمه یا هرچیز دیگه ای رو بصورت جدا تنظیم کنی میتونی از کانتینر مربوطه استفاده کنی (برای توضیحات دقیق تر هم میتونی ویدیو رو نگا کنی )
برای تنظیمات پس زمینه میتونی از بخش پس زمینه استفاده کنی و حتی میتونی از عکس به عنوان پس زمینه استفاده کنی و شفافیت اون رو تنظیم کنی و همینطور میتونی با استفاده از رنگ دو و سه پس زمینه رو بصورت گرادیانت در بیاری
از بخش اندازه ها میتونی عرض و ارتفاع کانتینر رو تنظیم کنی ، از بخش فضا و فاصله میتونی فاصله خارجی(مارجین) و داخلی(پدینگ) رو تنظیم کنی ، از بخش مرز هم میتونی کادر و یا مرزی برای المان تعیین و تنظیم کنی (کادر هر سمت هم بصورت مجزا قابل تنظیمه) ، از بخش سایه میتونی برای باکس و یا متنت سایه ی دلبخواهت رو تنظیم کنی ، از بخش نمایش و مکان قرار گیری هم میتونی جایگاه المانت رو بصورت دلخواهت تنظیم کنی
بخش پیشرفته : از گزینه z_index میتونی الویت نمایش دهی المانت رو مشخص کنی ، شفافیت : شفافیت نمایش دهی کانتینر ، بلور : برای مات کردن استفاده میشه ، خاکستری : سیاه و سفید کردن المان ، چرخش : برای چرخش به زاویه دلخواهت میتونی استفاده کنی و اندازه باکس : تعیین اندازه المانت
از بخش کد css هم میتونی کدهای مورد نظرت رو اجرا کنی
برای تنظیم حالت ریسپانسیو هم میتونی از ترتیب زیر استفاده کنی
اگه به طراحی سایت علاقه داری ، ویدیوهای بعدی آموزش طراحی سایت وردپرس رو از بخش آموزش ببین
