افزونه چیدمان گرویتی ویو | GravityView – DIY Layout

افزونه چیدمان گرویتی ویو (GravityView DIY Layout) از GravityKit یک نوع View تازه به GravityView اضافه می‌کند. در این نوع، ورودی‌های فرم‌های Gravity Forms با HTML خودتان چاپ می‌شوند: تگ ظرف و کلاس فیلدها و HTML قبل و بعدشان را شما تعیین می‌کنید. برای کار کردن، به GravityView و Gravity Forms نیاز دارد که باید روی سایت نصب و فعال باشند.

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

تنظیم‌های چیدمان گرویتی ویو برای فیلدها

منظور از «نصب آزمایشی» در این متن یک وردپرس فارسی تازه است که فقط برای بررسی این محصول ساخته شد و روی آن GravityView و Gravity Forms فعال بودند. در آن، نوع «DIY» کنار نوع‌های دیگر در انتخاب‌گر نوع View آمد. پس از انتخاب یک فرم نمونه و این نوع، فیلدهای فرم به View اضافه شدند و تگ ظرف هر فیلد در ویرایشگر کنار نام آن نوشته شد.

در تنظیمات فیلدهای فرم این سه گزینه بود:

• «قبل از خروجی»: HTML که پیش از فیلد چاپ می‌شود.
• «تگ ظرف»: تگی که مقدار فیلد را در خود می‌گیرد. برای فیلد متنی که آزمایش شد، گزینه‌ها DIV و BLOCKQUOTE و PRE و H1 تا H4 و P بودند، یا «هیچ‌کدام».
• «بعد از خروجی»: HTML که پس از فیلد چاپ می‌شود.

برچسب ادغام در هر دو کادر «قبل از خروجی» و «بعد از خروجی» و کد کوتاه در «قبل از خروجی» کار کرد. برای این آزمایش، دو مقدار با اسکریپت در تنظیمات View ذخیره شد: برچسب ادغام شماره ورودی با شماره واقعی ورودی عوض شد و یک کد کوتاه ساده که فقط برای آزمایش تعریف شده بود اجرا شد.

خروجی روی سایت

در نصب آزمایشی، View روی صفحه خودش باز شد و یک بازدیدکننده بدون ورود به سایت این‌ها را دید:

• هر ورودی در یک بلوک جدا آمد.
• «قبل از خروجی» پیش از تگ ظرف چاپ شد و «بعد از خروجی» پس از آن، نه داخل تگ ظرف.
• کلاس CSS سفارشی یک فیلد روی تگ ظرف همان فیلد نشست، و هر تگ ظرف یک کلاس هم از روی شماره فرم و شماره فیلد گرفت.
• فیلدی که تگ ظرفش «هیچ‌کدام» بود در صفحه ورودی تکی مقدارش را بدون هیچ تگی چاپ کرد.
• فیلدی که مقدارش خالی بود چیزی چاپ نکرد: نه تگ ظرفش و نه HTML قبل و بعدش.

برای ساختن کارت، تگ باز article در «قبل از خروجی» فیلد اول و تگ بسته‌اش در «بعد از خروجی» فیلد آخر نوشته شد و فیلدهای هر ورودی در یک article جا گرفتند. در آزمایش، تگ بسته با اسکریپت در کادر کد گذاشته شد، چون تایپ آن با کیبورد خط را خراب کرد.

ورودی تکی

نوع DIY برای صفحه ورودی تکی هم چیدمان جدا دارد. در نصب آزمایشی، دو فیلد در زبانه «چیدمان ورودی تکی» اضافه شد: عنوان با تگ ظرف H2 و شهر با «هیچ‌کدام». گزینه «لینک به ورودی تکی» روی عنوان در چیدمان ورودی‌های متعدد، عنوان هر کارت را پیوندی به صفحه همان ورودی کرد. بالای خروجی صفحه ورودی تکی پیوند «بازگشت» چاپ شد؛ مستندات سازنده روش حذف آن را نشان می‌دهد.

پیش از خرید

• وقتی GravityView نصب نبود و فقط DIY فعال بود، افزونه بارگذاری نشد و در پیشخوان پیامی گفت GravityView پیدا نشد.
• وقتی Gravity Forms غیرفعال بود، روی نشانی View کارت‌ها نیامدند.
• در چیدمان ورودی‌های متعدد، تنظیمات فیلد «محتوای سفارشی» فقط تگ ظرف دارد. در چیدمان ویرایش ورودی فقط همین فیلد با تگ ظرف پوشانده می‌شود.
• به‌طور پیش‌فرض، «قبل از خروجی» و «بعد از خروجی» فقط وقتی چاپ می‌شوند که مقدار فیلد خالی نباشد. در نصب آزمایشی، ورودی‌ای که عنوان نداشت تگ باز article را نداشت و تگ بسته‌اش را که در «بعد از خروجی» فیلد آخر بود داشت، پس اگر تگ بازی را در فیلدی می‌گذارید که ممکن است خالی بماند، تگ بسته‌اش جای دیگری می‌ماند.
• در نصب آزمایشی، تگ ظرف P روی فیلد «توضیح» که از نوع متن چندخطی است یک P داخل P ساخت، چون مقدار این فیلد خودش در یک P می‌آید. برای چنین فیلدی DIV مناسب‌تر بود.
• توضیح خود افزونه می‌گوید استایلی همراهش نیست؛ ظاهر را شما با CSS می‌سازید. سازنده می‌گوید دانستن HTML و CSS در حد ابتدایی برای کار با آن کافی است و ساختن چیدمان چندستونه را منوط به آشنایی کافی با هر دو می‌داند.
• برای توسعه‌دهندگان، در کد افزونه فیلترهایی هست که بلوک پیش‌فرض ورودی‌ها را خاموش می‌کنند، تگ‌های دیگری به فهرست تگ‌های ظرف اضافه می‌کنند و HTML قبل و بعد فیلد خالی را هم نشان می‌دهند.

اگر جدول یا نقشه می‌خواهید و نه HTML دلخواه، GravityView DataTables و GravityView Maps افزونه‌های جدا از همین سازنده‌اند و در فروشگاه هم هستند.

اگر ورودی‌های Gravity Forms باید با همان تگ‌ها و کلاس‌هایی روی سایت بیایند که CSS شما انتظار دارد، این افزونه در آزمایش همین را با تنظیم‌های فیلدها داد و برای چیدن تگ‌ها فایل قالبی نوشته نشد.