آموزش افزونه جت گرید بیلدر

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

آموزش جت گرید بیلدر مسیر شما را برای طراحی شبکه های محتوایی چشم نواز و حرفه ای هموار می کند. افزونه Jet Grid Builder (جت گرید بیلدر)، ابزاری بسیار عالی و رایگان از شرکت معتبر Crocoblock است که به کاربران وردپرس و المنتور امکان می دهد تا شبکه های (Grid) منعطف و متفاوتی را برای نمایش محتوای خود ایجاد کنند. مزیت بزرگ این افزونه، همانطور که در مقدمه آموزش افزونه جت گرید بیلدر ذکر شد، رایگان بودن آن است که دسترسی به قابلیت های پیشرفته طراحی شبکه را بدون هیچ گونه هزینه ای فراهم می سازد.

ویژگی های کلیدی در آموزش جت گرید بیلدر

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

ساختار شبکه ای منعطف و متمایز: این افزونه یک ساختار شبکه ای (Grid) متفاوت و بسیار منعطف را در اختیار طراحان قرار می دهد که امکان چیدمان های بصری پیچیده و خلاقانه را فراهم می سازد.

قابلیت تراز خودکار (Auto-Alignment): یکی از مهم ترین نکات در آموزش جت گرید بیلدر، مزیت تراز خودکار آیتم ها است. این ویژگی به کاربر کمک می کند تا بدون نیاز به تنظیمات دقیق پیکسلی و صرف زمان زیاد، آیتم های محتوایی را به راحتی و با دقت بالا تراز و هم راستا کند. در فروشگاه های آنلاین یا مقالات ویژه در وبلاگ ها طراحی شده و کارایی بالایی دارد.

تکنیک پیشرفته لینک دهی پویا: یک تکنیک خاص برای قرار دادن لینک ها در آیتم ها وجود دارد که بسیار مؤثرتر از روش های معمول بوده و از معضل گم شدن یا شکسته شدن لینک ها هنگام انتقال یا تغییر دامنه سایت جلوگیری می کند.

نحوه کار با ویجت‌های جت گرید بیلدر

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

با جستجوی عبارت Grid Builder در پنل ویجت های المنتور، دو نوع ویجت اصلی که هسته اصلی آموزش افزونه جت گرید بیلدر را تشکیل می دهند، برای شما نمایش داده می شود:

Grid بر اساس دسته بندی ها (Grid by Terms/Taxonomies): این ویجت بر اساس «شرایط/واژه ها» (Terms)، یعنی دسته بندی ها (Categories) یا برچسب ها (Tags) کار می کند.

شبکه ثابت (Fixed Grid): این ویجت برای ساخت یک شبکه کاملاً سفارشی از محتوای مشخص و انتخابی (مانند پست ها یا صفحات خاص) به کار می رود. برای آغاز کار عملی، توصیه می شود ویجت شبکه ثابت (Fixed Grid) را انتخاب کرده و آن را به ناحیه مورد نظر در صفحه خود بکشید.

نحوه کار با ویجت شبکه ثابت (Fixed Grid)

پس از افزودن ویجت به صفحه در آموزش جت گرید بیلدر، اولین قدم تعیین محتوایی است که قرار است در شبکه نمایش داده شود:

انتخاب منبع محتوا (Posts / Pages): شما در این بخش مشخص می کنید که محتوای نمایش داده شده از کجا تأمین شود. می توانید از پست ها (Posts)، صفحات (Pages)، محصولات، یا هر نوع محتوای سفارشی دیگری که در المنتور شما تعریف شده است، استفاده کنید.

تراز کردن محتوا در جت گرید بیلدر

این بخش، در واقع هسته اصلی قدرت و انعطاف افزونه Jet Grid Builder است:

نمایش و تنظیم ابعاد: افزونه، محتوای انتخابی را در قالب آیتم هایی در مربع های پیش فرض شبکه به نمایش در می آورد. شما می توانید با استفاده از این مربع های شبکه ای، ابعاد هر آیتم را به صورت دستی و از طریق کشیدن و رها کردن (Drag and Drop) تغییر دهید. به عنوان مثال، می توانید یک آیتم خاص را بزرگ تر کنید تا به عنوان بخش برجسته سازی (Featured) عمل کرده و توجه بیشتری را جلب کند.

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

تنظیمات فاصله و تعداد: همچنین در طول آموزش جت گرید بیلدر می آموزید که می توانید تعداد مربع هایی که می خواهید نمایش دهید و همچنین فاصله ی بین این مربع ها (Gap) را به دلخواه تنظیم کنید.

شخصی سازی و استایل دهی محتوای شبکه

شما این امکان را دارید که عناصر مختلفی را در هر آیتم شبکه حذف یا تغییر دهید تا به استایل بصری دلخواه خود برسید:

کنترل محتوای متنی: مواردی مانند نام نویسنده (Author)، تاریخ (Date)، خط جداکننده (Separator)، یا دسته بندی (Category) پست را می توان به دلخواه حذف کرد.

حذف تصویر اصلی: حتی می توانید تصویر اصلی (Image) آیتم را حذف کنید تا تنها متن باقی بماند و یک طراحی مینیمالیستی ایجاد شود.

استایل پوششی (Overlay): بخش Overlay مربوط به لایه پوششی است که روی تصویر آیتم قرار می گیرد. می توانید رنگ پس زمینه این پوشش را تغییر دهید. برای یک برجسته سازی تمیزتر و ساده تر، می توانید این پوشش را کاملاً حذف کنید.

کار با ویجت شبکه بر اساس دسته بندی ها (Grid by Terms)

بخش مهم دیگری از آموزش حرفه ای افزونه جت گرید بیلدر، کار با ویجتی است که به شما اجازه می دهد شبکه ای از خود دسته بندی ها یا برچسب ها (Tags) ایجاد کنید، نه صرفاً پست های درون آن ها.

استفاده از Taxonomy وردپرس در آموزش جت گرید بیلدر: این ویجت به طور خاص برای نمایش «دسته بندی ها» (Categories) یا «برچسب ها» (Tags) که در سیستم Taxonomy وردپرس تعریف شده اند، به کار می رود.

انتخاب شرط (Term Selection): شما این امکان را دارید که دسته بندی های خاصی را برای نمایش در این شبکه انتخاب کنید.

افزودن تصویر به دسته بندی در آموزش جت گرید بیلدر

اگر از این ویجت استفاده کنید، احتمالاً متوجه خواهید شد که دسته بندی ها فاقد تصویر هستند؛ این به دلیل محدودیت پیش فرض وردپرس است که به طور مستقیم برای دسته بندی ها تصویر اضافه نمی کند.

نحوه اضافه کردن تصویر جت گرید بیلدر

برای حل این مشکل، نیاز به یک ابزار جانبی (مانند افزونه های Crocoblock یا افزونه های تخصصی دیگر) دارید تا قابلیت افزودن تصویر به Categories/Terms را فعال کند. سپس مراحل زیر را دنبال کنید:

به بخش دسته بندی ها (Categories) در پیشخوان وردپرس خود مراجعه کنید. دسته بندی مورد نظر (مثلاً Blog) را ویرایش کنید. با استفاده از گزینه جدیدی که توسط ابزار کمکی اضافه شده، یک تصویر مناسب برای آن دسته بندی بارگذاری و ثبت کنید. پس از به روزرسانی (Update)، تصویر مربوطه در ویجت شبکه شما نمایش داده خواهد شد.

لینک‌دهی دستی و ثابت در آموزش جت گرید بیلدر

اگر لینک را به صورت دستی و با آدرس کامل (مثلاً http://www.yoursite.com/page) وارد کنید، با یک مشکل اساسی مواجه می شوید:

هنگامی که سایت را از یک محیط محلی (Local Server) به سرور آنلاین منتقل می کنید یا آدرس دامنه را تغییر می دهید، آدرس پایه (Base URL) تغییر می کند. نتیجه این تغییر، شکسته شدن تمامی لینک های دستی و نیاز به اصلاح تک به تک و زمان بر آن ها است.

استفاده از URL داخلی

برای پیشگیری از این دردسر، باید از قابلیت لینک های پویا (Dynamic Links) که در این آموزش جت گرید بیلدر معرفی می شود، استفاده کنید:

به جای وارد کردن لینک عادی، روی آیکون برچسب های پویا (Dynamic Tags/Integra Dinamicas) کلیک کنید. از لیست باز شده، گزینه URL داخلی (Internal URL) را انتخاب نمایید. مجدداً روی آن کلیک کنید تا پنل تنظیمات مربوط به آن باز شود. در این پنل، منبع محتوای خود را برای لینک دهی انتخاب کنید (مانند محتوا، Taxonomy، رسانه یا نویسنده). اگر قصد دارید لینک به یک دسته بندی خاص هدایت شود، Taxonomy را انتخاب کنید. سپس دسته بندی مورد نظر خود را جستجو و انتخاب نمایید.

نتیجه

با این روش هوشمندانه، لینک به صورت یک مسیر داخلی و نسبی ثبت می شود. بنابراین، با هر بار تغییر دامنه یا ساختار URL سایت شما، لینک از بین نخواهد رفت و عملکرد آن کاملاً حفظ می شود. این تکنیک پیشرفته، در وقت و انرژی شما به میزان قابل توجهی صرفه جویی خواهد کرد.