سبد خرید
0

هیچ محصولی در سبد خرید نیست.

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

نحوه استفاده از شورتکدهای 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]

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

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

 

 

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

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

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

 

 

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

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

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

 

 

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

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

پست پیشنهادی :  چطور کاری کنیم که صفحات وردپرس، پست‌هایی رو از دسته‌بندی‌های خاص نشون بدن و اونها رو به منوی بالا اختصاص بدن؟
ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

توسط
تومان