المان شبکه بندی مطالب

آموزش کامل Post Masonry Grid در ویژوال کامپوزر

 المان شبکه بندی مطالب یا Post Masonry Grid در افزونه ویژوال کامپوزر چیست؟ چگونه باید از المان شبکه بندی مطالب استفاده نمود. وب سایت تخصصی ویژوال کامپوزر فارسی امروز نحوه استفاده از این المان بسیار کاربردی را به شما آموزش می دهد. با ما همراه باشید.

آموزش المان شبکه بندی مطالب

آموزش المان شبکه بندی مطالب

یکی از المان های مهم و پرکاربرد در افزونه ویژوال کامپوزر، المان شبکه بندی مطالب می باشد. با استفاده از المان شبکه بندی مطالب یا Post Masonry Grid می توانید مطالب وب سایت خود را با افکت ها و حالت های بسیار عالی ویژه نمایش دهید. این المان در برخی از افزونه های دیگر به صورت پولی می باشد. اما در افزونه Visual Composer می توانید به صورت یک ابزار عادی از آن استفاده کنید.

آموزش محیط المان

بعد از اضافه نمودن المان شبکه بندی مطالب وارد بخش تنظیمات شوید و گزینه های زیر را مشاهده می نمایید.

تب عمومی المان شبکه بندی مطالب

  • منبع
  • جمع آیتم ها یا تعداد آیتم ها
  • نمایش استایل
  • نمایش فیلتر
  • المان های شبکه بندی در هر ردیف
  • اندازه خالی
  • انیمیشن بارگذاری اولیه

منبع: منظور از منبع این است که می خواهید مطالبی که قرار است نمایش داده شود از کجا بارگذاری شود. از برگه ها یا پست ها یا نمونه کارها یا سایر موارد دیگر.

جمع یا تعداد آیتم ها: تعداد آیتم هایی که مای خواهید در المان نمایش داده شود یا تعداد پست هایی که می خواهید در وب سایت نشان داده شود را تنظیم کنید.

نمایش استایل: در این قسمت می توانید حالت نمایش مطالب را در چهار حالت زیر تنظیم نمایید.

  • نمایش همه
  • دکمه بارگذاری موارد بیشتر
  • بارگذاری تنبل
  • صفحه بندی

فیلتر: منظور از فیلتر این است که برای مثال من می خواهم تنها پست های آموزش ویژوال کامپوزر نمایش داده شود و سایر مطالب نمایش داده نشود. یا هر نوع دسته بندی دیگری را می توانید در آن تنظیم کنید. حتی برحسب برچسب و سایر موارد دیگر نیز می توان فیلتر دلخواه را اعمال نمود.

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

اندازه خالی: فاصله خالی یا Margin که می خواهید بین پست ها با هم دیگر وجود داشته باشد را بر حسب Px تنظیم کنید.

انیمیشن بارگذاری اولیه: می توان ضمن بارگذاری المان، یک انیمشین بسیار جذاب CSS را نیز به آن نسبت داد. در این حالت المان شبکه بندی مطالب با افکت انتخاب شده در صفحه ظاهر می گردد.


تب تنظیمات داده ها المان شبکه بندی مطالب

در این تب می توانید سایر تنظیمات دلخواه خود را بر روی المان اعمال نماید. تب تنظیمات داده ها شامل موارد زیر می باشد.

  • مرتب سازی بر اساس
  • افست
  • استثنا

مرتب سازی بر اساس: نحوه مرتب سازی بر حسب تاریخ، نویسنده و عنوان و …. را تنظیم کنید. در بخش بعدی مرتب سازی بر اساس نیز می توانید حالت صعودی و نزولی بودن را تنظیم کنید.

افست: تعداد پست هایی که باید نمایش داده شود را مشخص کنید. اگر مقداری وارد نشود همه پست ها نمایش داده می شوند.

استثنا: ID پست یا نوشته ای که می خواهید در المان نماش داده نشود را در این قسمت وارد کنید.


تب طراحی آیتم المان شبکه بندی مطالب

با استفاده از تب طراحی آیتم می توانید بیش از 20 عدد افکت و مدل طراحی را برای نمایش حالت پست ها در نظر بگیرید. یک استایل که مورد انتخاب شما باشد را انتخاب کنید و نتیجه را مشاهده نماید. همچنین می توانید الگو جدیدی بسازید یا ویرایش نمایید.

تب طراحی آیتم المان شبکه بندی مطالب


در تب تنظیمات طراحی نیز می توانید موارد مربوط به حاشیه، پس زمینه و گردی حاشیه را تنظیم نمایید. این مورد در آموزش های سری قبل آموزش داده شده است.

ارسال یک پاسخ

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

+ 28 = 29