در این مقاله قصد داریم روش چند ستونه  کردن (دو ستون، سه ستون، چهار ستون) فیلدهای افزونه محبوب گرویتی فرم را به شما آموزش بدهیم .برای چند ستونه کردن دو روش وجود دارد:

    استفاده از کلاس های پیش فرض CSS گراویتی فرم

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

    Multi column gravitational forms1

    دو ستونه

    برای دو ستونه کردن از کلاس های پیش فرض gf_left_half و gf_right_half استفاده میشود. فیلدی که میخواهیم سمت راست  فرم قرار بگیرد در قسمت کلاس CSS سفارشی کلاس gf_right_half  و فیلدی که تمایل داریم در سمت چپ قرار بگیرد کلاس  gf_right_half قرار میگیرد.

    سه ستونه

    در صورتی که  بخواهیم  فیلدها ی سه ستونه  در فرم خود داشته باشیم ار کلاس های gf_left_third، gf_middle_third  و gf_right_third استفاده مکنیم و ترتیب اجرایی به صورت زیر است:

    راست: gf_right_third

    میانی: gf_middle_third

    چپ: gf_left_third

    چهار ستونه

    برای چهار ستونه کردن فیلدها از کلاس های gf_first_quarter(فیلد اول)،  gf_second_quarter(فیلد دوم ) ،gf_third_quarter(فیلد سوم) و gf_fourth_quarter (فیلد چهارم ) میتوان استفاده کرد

    استفاده از افزونه

     از افزونه های زیر نیز میتوان برا چند ستونه کردن فیلدهای گراویتی فرم استفاده کرد


    • افزونه GravityWP – CSS Selector
    • افزونه Multiple Columns for Gravity Forms
    • افزونه Styles & Layouts for Gravity Forms – Best Gravity Forms Styler, Designer
    • افزونه Gravitizer – Material UI Styler for Gravity Forms
    • افزونه UI Elements for Gravity Forms

     

    فاطمه احمدزاده

    فاطمه احمدزاده

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

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