حلقه شبکه‌ ای (Loop Grid) در المنتور (ویدیوی آموزشی)

حلقه شبکه‌ای (Loop Grid) در المنتور

حلقه شبکه‌ ای (Loop Grid) یکی از قابلیت‌های بسیار مفید در المنتور است که به شما این امکان را می‌دهد تا پست‌ها، محصولات یا هر نوع محتوای داینامیک دیگری را به صورت مرتب، زیبا و با طراحی دلخواه در سایت خود نمایش دهید. در این قسمت از آموزش المنتور ، به طور کامل و جامع نحوه استفاده از این ویژگی را توضیح خواهیم داد.

1. ویجت حلقه شبکه‌ ای در المنتور چیست؟

حلقه شبکه‌ ای (Loop Grid) ابزاری است که به شما امکان می‌دهد تا لیستی از پست‌ها یا محتوای دیگر را به صورت مرتب در قالب یک شبکه (Grid) نمایش دهید. این قابلیت به ویژه برای نمایش آرشیو پست‌ها، محصولات فروشگاه، گالری تصاویر و غیره مناسب است.

حلقه‌ های شبکه‌ای به شما این امکان را می‌دهند که طراحی‌های متنوعی ایجاد کنید و چیدمان پست‌ها و محتوای سایت را طبق نیازهای خود سفارشی کنید. در واقع، این ویژگی به شما اجازه می‌دهد تا نحوه نمایش هر آیتم (مثل عنوان پست، تصویر ویژه، خلاصه، تاریخ انتشار و غیره) را تنظیم کرده و یک طراحی جذاب و منحصر به‌ فرد برای سایت خود ایجاد کنید.

2. ساخت حلقه شبکه‌ ای با استفاده از ویجت Loop Grid

گام اول: نصب افزونه المنتور پرو

ویژگی حلقه شبکه ای در نسخه رایگان المنتور در دسترس نیست و نیاز به نسخه پرو دارد. اگر نسخه پرو را ندارید، ابتدا باید آن را تهیه و نصب کنید.

1. آخرین نسخه المنتور پرو را از سایت میهن تم ، دانلود و نصب کنید
2. وارد داشبورد وردپرس شوید
3. به بخش افزونه‌ها بروید و گزینه افزودن جدید را انتخاب کنید.
4. در کادر جستجو، عبارت Elementor را تایپ کرده و افزونه را نصب و فعال کنید.

گام دوم: ایجاد یک صفحه جدید

1. در داشبورد وردپرس، به بخش صفحات بروید و صفحه جدید را انتخاب کنید.
2. سپس روی ویرایش با المنتور کلیک کنید تا وارد محیط ویرایشگر المنتور شوید.

گام سوم: اضافه کردن ویجت Loop Grid

1. در محیط المنتور، در پنل سمت چپ، به قسمت حلقه شبکه ای بروید و آن را به صفحه بکشید.
2. پس از اضافه کردن ویجت، شما یک حلقه شبکه‌ای جدید خواهید داشت که به طور خودکار پست‌ها یا محتوای شما را در قالب یک شبکه نمایش می‌دهد.

گام چهارم: ساخت تمپلیت جدید

1. بعد از اضافه کردن ویجت، باید یک تمپلیت برای حلقه شبکه‌ ای خود ایجاد کنید.
2. برای این کار، روی گزینه ذخیره کلیک کنید تا تمپلیت شما ذخیره شود.
3. تمپلیت ایجاد شده به طور خودکار برای نمایش پست‌ها به کار خواهد رفت.

گام پنجم: استفاده از ویجت‌های مرتبط با پست‌ها

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

• ویجت تصویر ویژه برای نمایش تصویر اصلی پست
• ویجت عنوان پست برای نمایش عنوان پست
• ویجت خلاصه پست برای نمایش مقداری از محتوای پست
• ویجت اطلاعات پست برای نمایش تاریخ، نویسنده، و دسته‌بندی

شما همچنین می‌توانید از ویجت‌های طراحی دیگری مانند آیکون‌ها، دکمه‌ها، و تصاویر برای تزئین حلقه شبکه‌ای خود استفاده کنید.

3. سفارشی‌سازی چیدمان حلقه شبکه‌ای

پس از ساخت حلقه شبکه‌ ای در المنتور، می‌توانید چیدمان نمایش محتوای آن را به دلخواه خود تغییر دهید. برای این کار، مراحل زیر را دنبال کنید:

گام اول: انتخاب حلقه شبکه‌ای

1. به صفحه‌ای که حلقه شبکه‌ای در آن قرار دارد بروید.
2. از طریق Navigator، حلقه شبکه‌ای را انتخاب کنید.

گام دوم: تغییر چیدمان در تب Content

1. به تب Content بروید.
2. در بخش Layout، گزینه‌های مختلفی برای تنظیم چیدمان وجود دارد:
   • انتخاب تمپلیت حلقه: می‌توانید از تمپلیت‌های مختلف برای حلقه استفاده کنید.
   • تغییر تعداد ستون‌ها: با این گزینه، می‌توانید تعداد ستون‌هایی که در هر ردیف نمایش داده می‌شود را تنظیم کنید.
   • تعداد آیتم‌ها در هر صفحه: با این گزینه، می‌توانید تعداد پست‌ها یا محتوای نمایش داده شده در هر صفحه را تنظیم کنید.
   • فعال یا غیرفعال کردن Masonry: ویژگی Masonry به طور خودکار محتوا را به گونه‌ای مرتب می‌کند که بهترین استفاده از فضای صفحه صورت گیرد.

گام سوم: تغییر ظاهر حلقه

1. در تب Style، می‌توانید استایل‌های مختلفی برای عناصر حلقه شبکه‌ای (مثل فاصله‌ها، رنگ‌ها، حاشیه‌ها و غیره) اعمال کنید.
2. تغییرات طراحی به شما این امکان را می‌دهند که حلقه شبکه‌ای را متناسب با طراحی سایت خود سفارشی کنید.

4. مدیریت و ویرایش حلقه شبکه‌ای

اگر بعد از ایجاد حلقه شبکه‌ای، بخواهید طراحی آن را تغییر دهید، می‌توانید به راحتی تمپلیت حلقه را ویرایش کنید. برای ویرایش تمپلیت:

1. در صفحه‌ای که حلقه شبکه‌ای قرار دارد، روی اولین آیتم در حلقه کلیک کنید تا تمپلیت آن انتخاب شود.
2. سپس می‌توانید تغییرات مورد نظر خود را اعمال کنید و آن‌ها را ذخیره کنید.
3. هر تغییری که در تمپلیت ایجاد کنید، به طور خودکار در تمام پست‌ها یا آیتم‌های حلقه اعمال خواهد شد.

5. نکات اضافی

• صفحه‌ بندی (Pagination): اگر تعداد پست‌های شما زیاد است، می‌توانید گزینه صفحه بندی را برای تقسیم پست‌ها به صفحات مختلف فعال کنید.
• محدود کردن تعداد پست‌ها: می‌توانید تعداد پست‌هایی که در هر صفحه نمایش داده می‌شود را محدود کنید تا طراحی سایت شما به هم نریزد.

نتیجه‌گیری

با استفاده از قابلیت حلقه شبکه‌ای (Loop Grid) در المنتور، می‌توانید به راحتی و با کمترین تلاش، محتوای سایت خود را به صورت مرتب و جذاب نمایش دهید. این ابزار برای نمایش پست‌ها، محصولات فروشگاه و هر نوع محتوای دیگر بسیار کاربردی است و به شما این امکان را می‌دهد که طراحی سایت خود را به طور کامل سفارشی کنید.