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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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


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

۱۱ نظرات
  1. سارا می گوید

    سلام من از این المان استفاده کردم و برای نمایش از رسانه استفاده کردم و ۴۴ تا عکس رو وارد کردم برای صفحه بندی بارگذاری بیشتر رو انتخاب کردم ولی وقتی در سایت روی بارگذاری بیشتر کلیک میکنم عکس های قبلی چندین بار تکرار میشن بدون اینکه عکس تکراری ای گذاشته باشم میخواستم بدونم علت چیه و چیکار میتونم بکنم؟ آیا تعداد عکس هد زیاده؟ یا تنظیمات خاصی دارد؟

    1. پشتیبانی ویژوال کامپوزر
      پشتیبانی ویژوال کامپوزر می گوید

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

  2. amir می گوید

    میخواستم بدونم اگه بخوام کاری بکنم که در هر صفحه ۱۰ تا باشه و به صورت اتوماتیک بقیه تو صفحه دیگه باشه باید چکار کنم؟

    1. پشتیبانی ویژوال کامپوزر
      پشتیبانی ویژوال کامپوزر می گوید

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

  3. ایمان
    arashian1 می گوید

    برای نصب ویژوال کامپوزر خرید شده چرا خطا میده؟

    1. پشتیبانی ویژوال کامپوزر
      پشتیبانی ویژوال کامپوزر می گوید

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

  4. ایمان
    arashian1 می گوید

    منظور از غیر فعال کردن ویژگی های ویژوال کامپوزر در کدوم قسمته و گزینه هست؟

    1. پشتیبانی ویژوال کامپوزر
      پشتیبانی ویژوال کامپوزر می گوید

      دوست عزیز این گزینه در قالب های زفایر و ایمپرزا وجود دارد و باعث می شود بسیاری از گزینه های ویژوال کامپوزر حذف شوند.
      در قسمت تنظیمات قالب وجود دارد.

  5. ایمان
    arashian1 می گوید

    با تشکر
    موقع نصب خطا داد

  6. ایمان می گوید

    سلام
    همچین آیتمی در ویژوال کامپوزر نیست

    1. پشتیبانی ویژوال کامپوزر
      پشتیبانی ویژوال کامپوزر می گوید

      با سلام و احترام
      دوست عزیز این المان وجود دارد و به اسم ” شبکه بندی مطالب ” می باشد. البته اگر از قالب های زفایر یا ایمپرزا استفاده کنید و ویژگی های ویژوال کامپوزر را غیرفعال کرده باشید ممکن است این المان نمایش داده نشود.
      موفق باشید.

ارسال یک پاسخ

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