ردیف در ویژوال کامپوزر (Row In Visual Composer)

آموزش المان ردیف در افزونه Visual Composer

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

ردیف در ویژوال کامپوزر

ردیف(Row) در واقع یک بخشی است که می توان تعداد زیادی از المان ها یا اجزای دلخواه را به آن اضافه نمود. استفاده از ردیف ها بسیار کار طراحی صفحات را آسان می کند. استفاده از ردیف ها باعث می شود بتوان کنترل دقیق تری بر روی عناصر صفحه داشت.

برای هر ردیف می توان خصوصیات:

  • Margin
  • Border
  • Border Radius
  • Padding
  • Background
  • فاصله بین ستون ها
  • کشیدگی ردیف
  • افکت گذاری متنوع
  • و بسیاری از فاکتورهای مهم دیگر

را به صورت ویژه و تخصصی تنظیم نمود. هر یک از این موارد بالا به صورت حرفه ای در زیباسازی صفحه ارزش خاصی دارد.

چگونه در ویژوال کامپوزر یک ردیف به صفحه اضافه کنیم؟

  1. در نوشته یا برگه مورد نظر بر روی افزودن المان کلیک کنید.
اضافه کردن ردیف در ویژوال کامپوزر
اضافه کردن ردیف در ویژوال کامپوزر
  1. گزینه ردیف را انتخاب کنید. حالا شما موفق شدید یک ردیف بر روی صفحه خود ایجاد نمایید.
  2. الان بر روی + که در وسط صفحه قرار دارد کلیک کنید و المان یا هنصر مورد نظر خود را در ردیف قرار دهید.

توجه!

در یک ردیف می توان بی نهایت عنصر در آن جای داد. پیشنهاد می شود برای هر عنصر یک ردیف تعریف کنید. زیرا می توانید به راحتی عناصر را در هر جای صفحه جابجا نمایید.

تغییر طرح ردیف

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

برای تغییر طرح ردیف کافی است:

تغییر طرح ردیف
تغییر طرح ردیف

برای دسترسی به این بخش بر روی فلش کوچک در سمت چپ یا در وسط شکل بالا کلیک کنید.

تغییر طرح ردیف
تغییر طرح ردیف

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

تنظیمات ردیف

برای دسترسی به تنظیمات ردیف بر روی آیکون مداد در ردیف کلیک کنید.

تنظیمات ردیف
تنظیمات ردیف

حالا هر تنظیماتی که مایل باشید را می توانید به ردیف مورد نظر خود اعمال نمایید. دوستان عزیز؛ انجام دادن این کارها با کدنویسی یعنی نوشتن بیش از 200 خط کد نویسی که فوق العاده زمانبر می باشد. همچنین هرکسی توانایی کدنویسی ندارد. در نتجیه بدون افزونه ویژوال کامپوزر طراحی صفحات وب بی نظیر امکان پذیر نمی باشد.

تب عمومی

در این تب می توانید خصوصیات زیر را تغییر دهید:

  • کشیده شدن ردیف
  • فاصله بین ستون ها
  • ارتفاع کامل ردیف
  • ارتفاع برابر
  • موقعیت محتوا
  • استفاده از پس زمینه های ویدئویی
  • افکت پارالکس
  • css متحرک
  • اضافه کردن Class و ID منحصر به فرد

راهنما!
اگر در مورد هر یک از موارد بالا سوال دارید می توانید از سیستم پشتیبانی ما استفاده کنید.

تب تنظیمات طراحی

این تب شامل موارد زیر می باشد:

تب تنظیمات طراحی
تب تنظیمات طراحی
  • رنگ مرزبندی(Border)
  • استایل حاشیه(Border Style)
  • انحنای کادر(Border Radius)
  • پس زمینه(Background)
  • نوع پس زمینه(background-origin)
  • Margin
  • Padding
  • Border

تب Background

تب Background
تب Background

با کلیک بر روی استایل پس زمینه می توانید یک مقدار مناسب را به صفحه خود اضافه کنید.

تب Background
تب Background

تب Effect

این تب مخصوص برای افکت گذاری بر روی ردیف مورد نظر می باشد. این تب بسیار کارا می باشد. هرگز از استفاده کردن از این تب غافل نشوید.

تب Effect
تب Effect

پیشنهاد می کنیم مقاله آموزش المان بخش در ویژوال کامپوزر را مطالعه کنید.

آموزش ویدیویی المان ردیف در افزونه ویژوال کامپوزر


خوب دوستان عزیز امیدوارم از آموزش امروز راضی شده باشید. برای دانلود افزونه ویژوال کامپوزر از لینک دانلود بالا اسفاده کنید. تا آموزش جدید دیگر؛ بدرود.

5/5 - (1 امتیاز)
۲۳ نظرات
  1. کوثر بانو می گوید

    سلام، ببخشید چرا در تنظیمات ردیف قسمت ارتفاع ردیف را ندارم؟

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.