افزونه ابزارک پیشرفته المنتور گرویتی ویو | GravityView – Advanced Elementor Widget

افزونه GravityView – Advanced Elementor Widget یک افزودنی گرویتی ویو برای ادغام المنتور و گرویتی ویو برای ویرایش و تغییر استایل فیلدها، فیلترها، جستجو و… است. این افزونه به شما امکان می‌دهد تا با استفاده از رابط کشیدن و رها کردن المنتور، نماهای خود را به‌صورت کاملاً بصری و دلخواه طراحی و سفارشی کنید. می‌توانید رنگ‌ها، فونت‌ها، اندازه‌ها و طرح‌بندی‌ها را در همان لحظه تغییر دهید و پیش‌نمایش زنده تغییرات را مشاهده کنید، بدون نیاز به هیچ گونه کدنویسی یا دانش فنی. این افزونه حرفه‌ای تجربه‌ای ساده و انعطاف‌پذیر برای ساخت صفحات حرفه‌ای، ریسپانسیو و کاملاً هماهنگ با ورودی‌های فرم‌های گرویتی فرم فراهم می‌کند، تا طراحی سایت شما هم زیبا و هم کاربردی باشد.

افزونه GravityView – Advanced Elementor Widget دارای ویژگی طراحی طرح‌بندی‌های گرویتی ویو داخل ویرایشگر المنتور است که می‌توانید طرح‌بندی‌های گرویتی ویو را مستقیماً در ویرایشگر المنتور طراحی کرده و فهرست، جدول، نقشه یا طرح‌بندی‌های سفارشی ایجاد کنید. تغییرات استایل‌ها از جمله رنگ‌ها، فونت‌ها و اندازه‌ها بدون نیاز به کدنویسی انجام می‌شود و پیش‌نمایش زنده امکان مشاهده فوری تغییرات را فراهم می‌کند. این ابزارک به‌صورت کامل با فیلدها، فیلترها و جستجوی گرویتی ویو سازگار است و طراحی‌های شما را در دسکتاپ، تبلت و موبایل کاملاً ریسپانسیو می‌کند، تا ساخت صفحات حرفه‌ای، زیبا و کاربردی به ساده‌ترین شکل ممکن انجام شود. یک ابزارک پیشرفته المنتور است که تجربه‌ای حرفه‌ای و کاملاً بصری برای نمایش ورودی‌های فرم‌های گرویتی ویو ارائه می‌دهد.

نکته : این پلاگین برای کارکردن نیاز به خرید و نصب افزونه های گرویتی ویو و گرویتی فرمز دارد.

ویژگی های افزونه ابزارک پیشرفته المنتور گرویتی ویو | GravityView – Advanced Elementor Widget

سبک بصری نماها در المنتور
ویجت پیشرفته المنتور به شما امکان می‌دهد طرح‌بندی‌های GravityView را مستقیماً درون ویرایشگر بصری المنتور طراحی کنید. بدون CSS، بدون لغو قالب، بدون جابجایی بین پنل‌های تنظیمات. هر تغییر را فوراً مشاهده کنید، طرح‌بندی‌های ورودی چندگانه و تکی را سبک‌بندی کنید و دقیقاً نحوه نمایش داده‌های خود را در هر دستگاهی کنترل کنید.

• افزونه ابزارک پیشرفته المنتور گرویتی ویو به شما این امکان را می دهد که با پیش‌نمایش زنده المنتور، نماها را در لحظه سبک‌بندی کنید.
• با افزونه GravityView – Advanced Elementor Widget طرح‌بندی‌ها، فاصله‌گذاری و تایپوگرافی را بدون نوشتن کد سفارشی کنید.
• با افزونه ابزارک پیشرفته المنتور گرویتی ویو نماها را مستقیماً در هر صفحه المنتور جاسازی و طراحی کنید.

کنترل خلاقانه کامل با ابزارهای طراحی ریسپانسیو و شهودی
با کنترل‌های هر دستگاه، نشانگرهای شناور هوشمند و سازگاری گسترده با طرح‌بندی، نماهای (Views) مطابق با برند خود بسازید. آزادی کامل برای شکل‌دهی به نمایش داده‌های Gravity Forms خود داشته باشید – سریع‌تر، واضح‌تر و کاملاً درون ویرایشگری که از قبل استفاده می‌کنید.

• طرح‌بندی‌های دسکتاپ، تبلت و موبایل را به‌طور مستقل تنظیم کنید.
• از پشتیبانی یکپارچه برای طرح‌بندی‌های List، Table، DIY، Maps و Layout Builder لذت ببرید.
• برای نشان دادن اینکه کدام کنترل‌های سبک‌دهی بر هر بخش از نمای شما تأثیر می‌گذارند، موس را روی آن نگه دارید.

شروع کار با ویجت پیشرفته المنتور برای GravityView
استایل‌دهنده المنتور GravityView قدرت استایل‌دهی بصری را به View های شما می‌آورد. به جای نوشتن CSS سفارشی یا پیمایش در چندین پنل تنظیمات، اکنون می‌توانید View های خود را مستقیماً در رابط کاربری بصری المنتور استایل‌دهی کنید. این مقاله نحوه شروع کار و ایجاد یک View زیبا و با استایل سفارشی را تنها در چند دقیقه توضیح می‌دهد.

پیش‌نیازهای افزونه ابزارک پیشرفته المنتور گرویتی ویو
قبل از شروع، مطمئن شوید که موارد زیر را دارید:

• GravityView نصب و فعال شده است
• Elementor (رایگان یا حرفه‌ای) نصب و فعال شده است
• حداقل یک View از قبل در GravityView ایجاد شده است

افزودن یک نما به صفحه المنتور

1. مرحله ۱: ایجاد یا ویرایش یک صفحه
   ابتدا، در داشبورد وردپرس خود به بخش صفحات بروید و یک صفحه جدید ایجاد کنید یا یک صفحه موجود را ویرایش کنید. برای باز کردن صفحه ساز المنتور، روی دکمه ویرایش با المنتور کلیک کنید.
2. مرحله ۲: یافتن ویجت گرویتی ویو
   در نوار کناری المنتور، از کادر جستجو برای یافتن ویجت گرویتی ویو استفاده کنید. کافیست “ویو” را تایپ کنید تا ویجت گرویتی ویو ظاهر شود.
   ابزارک را بکشید و در هر جایی که می‌خواهید ویو شما نمایش داده شود، در طرح‌بندی صفحه خود رها کنید.

   

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

   

   

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

استایل‌دهی به نمای شما
اینجا جایی است که جادوی واقعی اتفاق می‌افتد. تب استایل به شما امکان کنترل دقیق بر هر جنبه از ظاهر نمای شما را می‌دهد.

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

• کانتینر – پوشش بیرونی ویو شما
• حلقه ورود– کارت‌ها یا ردیف‌های ورودی تکراری
• مناطق میدانی – بخش‌های جداگانه‌ای که فیلدهای شما در آنها نمایش داده می‌شوند

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

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

برای مثال، در دستگاه‌های تلفن همراه، ممکن است بخواهید موارد زیر را تنظیم کنید:

• تعداد ورودی‌ها در هر ردیف – برای طرح‌بندی تک ستونی در تلفن همراه، روی ۱ تنظیم کنید.
• فاصله‌گذاری و حاشیه‌گذاری – برای به حداکثر رساندن فضای صفحه، حاشیه‌گذاری را کاهش دهید.
• اندازه فونت‌ها – اندازه متن را برای خوانایی بهتر تنظیم کنید.
  هر اندازه دستگاه می‌تواند سبک‌های خاص خود را داشته باشد و تضمین کند که نمای شما در همه جا بی‌نقص به نظر می‌رسد.

طرح‌بندی‌های پشتیبانی‌شده
ویجت GravityView Elementor از اکثر طرح‌بندی‌های GravityView پشتیبانی می‌کند:

هر طرح‌بندی گزینه‌های سبک منحصر به فرد خود را دارد که متناسب با ساختار آن است.

نکاتی برای موفقیت افزونه GravityView – Advanced Elementor Widget
شروع ساده: قبل از پرداختن به سفارشی‌سازی‌های پیشرفته، با استایل‌بندی‌های پایه مانند رنگ‌ها و فاصله‌گذاری شروع کنید.
از پیش‌نمایش شناور استفاده کنید: قابلیت شناور برای شناسایی اینکه کدام تنظیمات استایل، کدام عنصر را کنترل می‌کند، فوق‌العاده مفید است.
اولویت با موبایل: همیشه بررسی کنید که نمای شما در دستگاه‌های تلفن همراه چگونه به نظر می‌رسد و بر اساس آن تنظیم کنید.
از ابزارهای المنتور استفاده کنید: تنظیمات رنگ‌ها و تایپوگرافی جهانی المنتور را فراموش نکنید، که می‌تواند به حفظ هماهنگی در سایت شما کمک کند.
بدون نیاز به CSS: همه چیز را می‌توان به صورت بصری از طریق رابط کاربری انجام داد. اگر متوجه شدید که “باید برای این کار CSS بنویسم”، ابتدا گزینه‌های استایل را بررسی کنید – تنظیماتی که نیاز دارید احتمالاً از قبل وجود دارد.
مراحل بعدی
حالا که اصول اولیه را می‌دانید، با استایل‌ها و طرح‌بندی‌های مختلف آزمایش کنید. ترکیب قابلیت‌های قدرتمند نمایش داده گرویتی ویو و ابزارهای طراحی بصری المنتور، امکانات بی‌پایانی را برای ایجاد برنامه‌های وب زیبا و کاربردی فراهم می‌کند.

آشنایی با گزینه “نمایش خروجی اشکال‌زدایی”
گزینه نمایش خروجی اشکال‌زدایی یک تنظیم پیشرفته در ویجت GravityView Elementor است که کد کوتاه معادل گرویتی ویو را مستقیماً در ویرایشگر المنتور نمایش می‌دهد.
این ویژگی به شما کمک می‌کند تا ببینید چگونه تنظیمات ویجت شما به پارامترهای کد کوتاه تبدیل می‌شود. این گزینه برای عیب‌یابی و آزمایش مفید است.

چه زمانی از این گزینه استفاده کنیم
نمایش خروجی اشکال‌زدایی را فعال کنید وقتی می‌خواهید:

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

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

مثال:

[gravityview id=“۱۴” sort_columns=“۰” sort_direction=“DESC” sort_field=“۱” sort_field_2=“id” no_entries_form_description=“۰” no_entries_form_title=“۰” lightbox=“۰”]

هر پارامتر کد کوتاه، نشان‌دهنده‌ی یک تنظیم View از تب Content است – مانند View ID، گزینه‌های مرتب‌سازی یا رفتار بدون ورودی.
خروجی فقط خواندنی است و در سایت اصلی نمایش داده نمی‌شود. صرفاً برای پیش‌نمایش و اشکال‌زدایی است.

توجه: تنظیمات استایل در پارامترهای کد کوتاه منعکس نمی‌شوند. کد کوتاه فقط تنظیمات نمایش پیکربندی شده در تب محتوا را منعکس می‌کند.

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

سوالات متداول افزونه ابزارک پیشرفته المنتور گرویتی ویو | GravityView – Advanced Elementor Widget

1. آیا می‌توانم از چندین نما در یک صفحه المنتور استفاده کنم؟ خیر. در حال حاضر، هنگام استفاده از ویجت المنتور، فقط می‌توانید یک نما را در هر صفحه جاسازی کنید.
2. آیا برای استفاده از این ویجت به Elementor Pro نیاز دارم؟
   خیر. ویجت Advanced Elementor با هر دو نسخه رایگان و Pro Elementor کار می‌کند. در هر دو صورت، همان تجربه طراحی با کشیدن و رها کردن را خواهید داشت.
3. آیا می‌توانم نماهای موجود را ویرایش کنم یا فقط نماهای جدید؟
   می‌توانید هر نمای موجودی را که قبلاً در GravityView ساخته‌اید، استایل‌دهی کنید. فقط ویجت را در صفحه Elementor رها کنید، نمای خود را انتخاب کنید و شروع به سفارشی‌سازی کنید.
4. آیا سفارشی‌سازی‌های من، سبک‌های قالب سایتم را تغییر می‌دهند؟
   بله. این ویجت به شما کنترل کامل بر ظاهر نمای خود در المنتور می‌دهد. با این حال، از تنظیمات عمومی المنتور مانند تایپوگرافی و رنگ‌ها پیروی می‌کند، بنابراین طرح‌های شما با قالب شما سازگار می‌مانند.
5. آیا می‌توانم طرح‌های واکنش‌گرا برای موبایل و تبلت ایجاد کنم؟
   قطعاً. این ویجت شامل کنترل‌های ریسپانسیو برای تنظیم طرح‌بندی‌ها، فاصله‌گذاری و اندازه فونت‌ها به طور مستقل برای دسکتاپ، تبلت و دستگاه‌های تلفن همراه است.