افزونه نمایش شبکه‌ای مطالب در وردپرس | Essential Grid

Essential Grid افزونه‌ای از شرکت ThemePunch برای ساخت گالری و شبکه آیتم‌ها در وردپرس است: نوشته، محصول، تصویر و ویدیو را در یک شبکه قابل تنظیم نشان می‌دهد. وردپرس نیاز آن را در میان خرید افزونه وردپرس عرضه می‌کند.

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

محتوای شبکه در Essential Grid

در برگه Source ویرایشگر شبکه دو منبع دیده شد:

• نوشته‌ها (Posts): نوع‌های نوشته و دسته‌بندی‌ها را خودتان انتخاب می‌کنید. فهرست نوع‌ها در نصب آزمایشی «نوشته»، «برگه» و «محصول» را داشت، پس با ووکامرس فعال محصولات فروشگاه هم قابل انتخاب‌اند.
• شبکه سفارشی (Custom Grid): آیتم‌ها را یکی‌یکی خودتان انتخاب می‌کنید. مستندات سازنده آن را برای گالری‌های دستچین‌شده از تصویر، ویدیو یا صدا و همین‌طور ترکیب این‌ها معرفی می‌کند.

فید شبکه‌های اجتماعی، فهرست پخش ویدیو، فونت‌های گوگل و گالری NextGEN طبق یادداشت انتشار خود افزونه از هسته جدا و به افزودنی‌های جداگانه منتقل شده‌اند. در نصب آزمایشی هم فقط دو منبع بالا دیده شد؛ پس فید شبکه‌های اجتماعی را با خود افزونه نمی‌توان ساخت.

چیدمان، ستون‌ها و RTL

چیدمان هر شبکه در برگه Grid Settings تنظیم می‌شود:

• اندازه شبکه در صفحه: جعبه‌ای، تمام‌عرض یا تمام‌صفحه.
• اندازه آیتم‌ها: یکنواخت (همه هم‌اندازه)، آجری (هم‌عرض با ارتفاع متفاوت) یا حالت Cobbles که اندازه هر آیتم را با تعداد ستون و ردیفی که پر می‌کند تعیین می‌کند.
• تعداد ستون‌ها برای هر اندازه صفحه جدا و فاصله بین آیتم‌ها هم قابل تنظیم است.

همین برگه گزینه RTL هم دارد. در نصب آزمایشی، در نشستی بدون ورود به سایت، با RTL خاموش آیتم‌های ردیف آخر از لبه چپ شروع شدند و با RTL روشن از لبه راست. مستندات سازنده هم می‌گوید این گزینه ترتیب ستون‌ها را از راست به چپ می‌کند و ترتیب ردیف‌ها را تغییر نمی‌دهد.

فیلتر، مرتب‌سازی و بارگذاری

ماژول‌های فیلتر، مرتب‌سازی، جست‌وجو، صفحه‌بندی و سبد خرید در برگه Nav-Filter-Sort با کشیدن و رها کردن در بالا، پایین یا کنار شبکه گذاشته می‌شوند. در نصب آزمایشی ماژول فیلتر و ماژول مرتب‌سازی با همین روش بالای شبکه گذاشته شدند و در صفحه نمایش داده شدند.

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

پوسته‌ها، انیمیشن و لایت‌باکس

ظاهر آیتم‌ها از پوسته آیتم می‌آید و دکمه‌های ناوبری هم پوسته جداگانه دارند. هر دو در برگه Skins انتخاب می‌شوند و منوی افزونه یک ویرایشگر پوسته هم دارد. در نصب آزمایشی پوسته Washington روی شبکه انتخاب شد.

برگه Animations انیمیشن ورود آیتم‌ها را از محو شدن و بزرگ‌نمایی تا لغزش و چرخش فهرست می‌کند. انیمیشن رفتن نشانگر روی آیتم هم در همان برگه هست. برگه Lightbox چند حالت گالری دارد، از جمله گالری ووکامرس.

قرار دادن شبکه در صفحه

طبق توضیح خود افزونه، جز کد کوتاه این راه‌ها هم برای گذاشتن شبکه در صفحه هست؛ از میان آن‌ها فقط کد کوتاه آزموده شد:

• بلوک ویرایشگر وردپرس
• ماژول المنتور
• ماژول Divi
• ماژول WPBakery

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