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

آموزش جت گرید بیلدر (rjet grid builde) برای ایجاد گرید ها و چیدمان‌ های بصری جذاب بدون نیاز به کدنویسی در وردپرس است. با قابلیت کشیدن و رها کردن به شما این امکان را می‌ دهد تا محتوای سایت مانند پست‌ها، محصولات یا صفحات را به‌ صورت منظم و زیبا نمایش دهید.

پیش نیاز های دوره:
آموزش جت گرید بیلدر
عکس دوره افزونه جت گرید بیلدر
تعداد جلسه: ۲
پیش نیاز: ندارد
زمان دوره: ۵ ساعت
مدرس: مجتبی فدوی
فروم پرسش و پاسخ: دارد
مدت پشتیبانی: ۶ ماه
ویدیو معرفی دوره
به زودی...
سرفصل های دوره
سوالات متداول
آیا برای شرکت در دوره به دانش قبلی نیاز دارم؟

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

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

بله، تمام به‌ روزرسانی‌ های دوره به صورت رایگان در اختیار خریداران قرار می‌ گیرد.

نمونه تدریس
به زودی...
این دوره مناسب چه کسانی است؟
نظرات شرکت کنندگان
ثبت نام و شرکت در دوره

قیمت دوره:

390,000 تومان

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

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

جت گرید بیلدر چه کاربردی دارد؟

JetGridBuilder ابزاری است برای طراحی و چینش محتوای داینامیک به صورت گرافیکی، تنها با کشیدن و رها کردن (Drag & Drop). این افزونه به شما امکان می دهد:

  • گریدهای واکنش گرا و کاملاً سفارشی طراحی کنید
  • محتوای داینامیک (پست ها، محصولات، CPT ها) را با طراحی دلخواه نمایش دهید
  • بدون نیاز به المنتور، فقط با Gutenberg طراحی گرید انجام دهید
  • با JetEngine و فیلترهای JetSmartFilters به صورت کامل هماهنگ شوید

چرا آموزش جت گرید بیلدر اهمیت دارد؟

بسیاری از طراحان هنگام نمایش لیست محتوا با محدودیت هایی در چیدمان مواجه اند. JetGridBuilder این محدودیت ها را از بین می برد و:

✔ کنترل کامل بر چیدمان آیتم ها می دهد
✔ امکان طراحی واکنش گرا در حالت دسکتاپ، تبلت و موبایل فراهم می سازد
✔ با دیگر افزونه های جت سازگار است و امکان استفاده در پروژه های پیشرفته را فراهم می کند
✔ طراحی با آن سریع، سبک و حرفه ای است

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

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

مواردی که در این دوره خواهید آموخت:

  • نصب و تنظیمات اولیه افزونه
  • اتصال به محتوای داینامیک (JetEngine)
  • طراحی گریدهای سفارشی با چینش های متنوع
  • استفاده از گریدهای طراحی شده در صفحات مختلف سایت
  • هماهنگی با فیلترهای هوشمند و بلوک های گوتنبرگ
  • بهینه سازی نمایش گرید در موبایل

پشتیبانی اختصاصی

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

نام این افزونه جذاب JetGridBuilderاست و هم با Elementor و هم با Gutenberg کار می کند. کار این افزونه چیست؟ این چیزی است که در آموزش افزونه جت گرید بیلدر خواهیم آموخت و خیلی ساده است؛ هر پست و مطلب را میتوانیم با موس بگیریم و هر جای این قفسه که خواستیم بچینیم.

فواید کار با جت گرید بیلدر چیست؟

برای نشان دادن آخرین نوشته های یک وبلاگ با یک ظاهر جذاب، برای ویترین محصولات یک فروشگاه آنلاین، برای اینکه نمونه کار ها یا عکس هایمان را مثل یک تابلوی هنری بچینیم، یا حتی برای گذاشتن بنر های تبلیغاتی و خبرهای مهم.

برای مثال: در اپلیکیشن و وب سایت اسنپ، وقتی وارد بخش «سرویس ها» می شوید، لیستی از خدمات مانند تاکسی اینترنتی، سفارش غذا، دکتر، باربری و… به صورت شبکه ای و منظم نمایش داده می شود. چنین چیدمانی دقیقاً مشابه چیزی است که با این افزونه در آموزش جت گرید بیلدر در وردپرس قابل پیاده سازی است. در یک سایت وردپرسی، می توان با استفاده از این افزونه محتوایی مانند پست ها، محصولات یا سرویس ها را در قالب یک گرید قابل تنظیم و واکنش گرا نمایش داد، دقیقاً مشابه ساختار بصری خدمات در صفحه اصلی اسنپ.

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

این افزونه به صورت کامل جواب این سوال را به شما خواهد داد اما اجازه دهید توضیح کوتاهی را به شما ارائه دهیم:

ساخت راحت و بی دردسر شبکه ها:

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

ایجاد قفسه برای انجام کار های مختلف:

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

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

اطلاعات زنده و پویا در آموزش جت گرید بیلدر:

فرض می کنیم یک سایت درباره فیلم ها داریم و با یک ابزار دیگر به اسم Jet Engine، برای هر فیلم یک سری اطلاعات مثل اسم کارگردان، سال ساخت و امتیازش ثبت کرده ایم.

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

تغییر ظاهر سایت به آسانی:

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

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

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

سازگار با (ACF، PODS، Metabox Toolset و WooCommerce):

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

  • WooCommerce:

یک افزونه است که میتواند یک فروشگاه اینترنتی را بسازد. برای مثال ما یک فروشگاه آنلاین داریم که با WooCommerce کار می کند، جت گرید بیلدر می تواند یک ویترین زیبا و مرتب از محصولات ما درست کند. مثلاً عکس جنس، اسم، قیمت و اگر تخفیف خورده باشد، قیمت بعد از تخفیف را اتوماتیک نشان می دهد. یادگیری آموزش کار با این افزونه بیشتر برای فروش آنلاین کارآمد است.

  • Advanced Custom Fields) ACF):

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

  • Metabox:

تقریبا مثل افزونه قبلی است ولی سبک تر و بیشتر به دولوپر ها (برنامه نویس ها) کمک میکند، پس یعنی کمی نیاز به کد نویسی دارد و بسیار انعطاف پذیر است در واقع اگر ACF مداد رنگی ما باشد Metabox قلموی حرفه ای ما خواهد بود.

  • Toolset:

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

  • PODS:

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

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

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

لود شدن عکس در آموزش جت گرید بیلدر:

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

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

امکان تنظیم ظاهر هر جزء در المنتور:

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

دستاوردهای شما پس آموزش جت گرید بیلدر:

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

نتیجه:

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