نحوه استفاده از شورتکدهای grid (columns) در وردپرس

این آموزش نشون میده که چطور از ستون‌های شبکه‌ای در قالب‌های وردپرس استفاده کنین.

برای ایجاد طرح بندی محتوای صفحه موردنیاز با استفاده از ستون‌های شبکه‌ای، باید مراحل زیر رو انجام بدین:

• به Pages -> All pages در داشبورد وردپرستون برین.
• صفحه موردنظر برای ویرایش رو انتخاب کنین.
• مطمئن شین که از حالت متن استفاده میکنین.
• محتواتون رو بین موارد [grid_X][/grid_X] مثل مورد زیر وارد کنین:
• [grid_X] محتوا اینجا قرار میگیره [grid_X]
• در نتیجه شما باید ساختار رو مثل موارد زیر دریافت کنین:
• [grid_X][/grid_X] که X عددی بین 1 تا 12 هست.

بیاین بررسی کنیم که چطور تعداد دلخواه ستون‌ها رو برای محتوای صفحه تنظیم کنیم:

• 1 ستون برای ساختن بخشی از محتوا که fullwidth به نظر میرسه استفاده میشه. کد باید به شکل زیر باشه:
• [grid_12] محتوا اینجا قرار میگیره [grid_12]

 

 

• 2 ستون مساوی رو میتونین با اضافه کردن این کد به صفحه‌تون در حالت متن، به صفحه/پستتون اضافه کنین:
• [grid_6] محتوای ستون اول رو اینجا مینویسین [/grid_6][grid_6] محتوای ستون دوم رو اینجا مینویسین [/grid_6]

 

 

• برای ایجاد محتوا در 2 ستون با عرض‌های مختلف، میتونین کد رو با شماره‌های مختلف برای موارد [grid_X] در حالت متنی استفاده کنین.
• فقط نیازه که در هر ردیف، 12 رو نگه دارین، مثلا با استفاده از کدهای [grid3] + [grid9] یا [grid8] + [grid4]. مثال:
• [grid_8] محتوای ستون اول [/grid_8][grid_4] محتوای ستون دوم [/grid_4]

 

 

• اساسا شما میتونین تعداد دلخواه ستون‌ها رو با نگه داشتن 12 در یک ردیف، ایجاد کنین.

ستون‌های داده شده برای چارچوب طرح بندی بر اساس 960gs استفاده شده.