آموزش Figma به WordPress Elementor - تبدیل Figma Design

دانلود Figma to WordPress Elementor - Convert Figma Design

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: تبدیل Figma Design به Wordpress، Elementor، Bricks Builder، Gutenberg، Spectra، Generate blocks، Kadence by UiChemy Figma به Elementor تبدیل طرح های Figma به وردپرس با استفاده از Gutenberg، Spectra، Kadence، GenerateBlocks و Bricks Builder. طراحی های Figma را به سایت های قابل ویرایش وردپرس تبدیل کنید – بدون نیاز به کدنویسی. دانلود، نصب و پیکربندی Uichemy را یاد بگیرید ویژگی‌ها و حالت‌های Uichemy را درک کنید - مانند حالت کپی و حالت صادرات. استایل‌های جهانی را برای فونت‌ها، رنگ‌ها و طرح‌بندی‌ها برای سازگاری تنظیم کنید. توصیفات، چرخ فلک‌ها و آکاردئون‌های تودرتو ایجاد کنید طرح‌های Figma را به فهرست‌های وبلاگ و پست‌های وبلاگ تکی تبدیل کنید. بخش های جداگانه را بدون دردسر صادر کنید. فرم تماس 7 یا WPForms را وارد و تنظیم کنید. و بیشتر پیش نیازها: دانش اولیه Figma و WordPress را داشته باشید

طرح های Figma خود را در وردپرس زنده کنید

شما نیازی به تجربه با UiChemy یا Elementor ندارید!

چه مبتدی هستید که در حال کاوش در گردش‌های کاری Figma-to-WordPress هستید یا طراح هستید که به دنبال اصلاح فرآیند خود هستید،

این دوره به شما مهارت‌هایی را می‌دهد تا به‌طور یکپارچه طرح‌ها را به وب‌سایت‌های واکنش‌گرا و کاربردی تبدیل کنید.


این چیزی است که یاد خواهید گرفت:


  • ویژگی‌های UiChemy و چرایی تغییر بازی Figma-to-WordPress را کشف کنید.

  • Figma به Gutenberg از طریق Gutenberg Core، Spectra، Generate blocks، Kadence

  • Figma to Bricks Builder

  • صفحه ساز Figma به Elementor

  • UiChemy را نصب کنید، آن را پیکربندی کنید و لایه‌ها، فریم‌ها و متن را برای بهترین نتایج بهینه کنید.

  • مدیریت طرح‌بندی‌های پاسخگو برای نمایش‌های موبایل، تبلت و دسک‌تاپ.

  • قوانین طراحی جهانی را برای ظاهری ثابت برای فونت‌ها، رنگ‌ها و طرح‌بندی‌ها تنظیم کنید.

  • آکاردئون های تودرتو، چرخ فلک ها، پرسش های متداول و فرم ها را به راحتی ایجاد کنید.

  • طرح های خود را مستقیماً وارد کنید یا از روش افزودنی برای صفحات موجود استفاده کنید.

  • با بخش‌های سرصفحه و پاورقی، صفحات وبلاگ پویا و تک پست‌ها کار کنید.

  • قطعات و خطاهای رایج را بدون زحمت حل کنید.

در پایان این دوره، شما قادر خواهید بود:

  • وب‌سایت‌های واکنش‌گرا و تعاملی ایجاد کنید که در همه دستگاه‌ها عالی به نظر می‌رسند.

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

  • به یک گروه پشتیبانی مادام العمر بپیوندید که در آن می توانید برای هر مشکلی که با آن روبرو هستید راه حل دریافت کنید.

از امروز شروع به تبدیل طرح های خود به واقعیت کنید!


سرفصل ها و درس ها

مقدمه Introduction

  • مقدمه Introduction

  • Uichemy چیست، چگونه کار می کند و چه امکاناتی دارد What is Uichemy, how does it work, and what possibilities

  • نحوه دانلود و راه اندازی Uichemy به صورت رایگان (وردپرس و Figma) How to download and setup Uichemy for Free (WordPress and Figma)

  • نمای کلی افزونه uichemy (Figma) Overview of uichemy plugin (Figma)

  • نمای کلی حالت کپی در مقابل حالت صادرات Copy Mode vs Export Mode Overview

  • نحوه بهینه سازی همراه (شامل همه) How to optimize compansion (Include all)

  • نحوه تنظیم تگ ویجت How to set widget tags

  • مدیر پاسخگو و نحوه عملکرد آن Responsive manager and how it’s works

  • تنظیمات تبدیل Conversion settings

  • نحوه تنظیم سبک های جهانی و نحوه کار آن How to set Global styles and how it’s work

  • وارد کردن از طریق واردات زنده و وارد کردن صفحات موجود با استفاده از روش افزودنی Import via Live import and Import Existing pages using Add-On Method

  • تنظیم توصیفات با چرخ فلک Setting up testimonials with a carousel

  • فرم تماس 7 یا WPforms را وارد کنید Import Contact form 7 or WPforms

  • بخش آکاردئون تو در تو یا پرسش و پاسخ Nested accordion or FAQ section

  • بخش سرصفحه و پاورقی Header and footer sections

  • همه صفحات وبلاگ/لیست های وبلاگ ( Figma به WordPress ) All Blog pages / Blog listings ( Figma to WordPress )

  • یک صفحه پست وبلاگ واحد ایجاد کنید Create a Single blog post page

  • نحوه صادرات بخش ها (فقط) How to export sections (Only)

  • نحوه ایجاد و بررسی واکنشگرا How to make and check responsive

  • اگر پلاگین Uichemy خراب می شود، چگونه آن را حل کنیم؟ If Uichemy plugin crashes then how to solve it?

  • Uichemy Copy Paste کار نمی کند Uichemy Copy paste is not working

  • Figma به گوتنبرگ از طریق Gutenberg Core، Spectra، Generate blocks، Kadence Figma to Gutenberg via Gutenberg Core, Spectra, Generate blocks, Kadence

  • Figma to Bricks Builder Figma to Bricks Builder

  • آخرین افکار Last Thoughts

نمایش نظرات

آموزش Figma به WordPress Elementor - تبدیل Figma Design
جزییات دوره
2.5 hours
24
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
2,089
4.5 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Expert Azi Expert Azi

سلام، من Expert Azi هستم. بیش از 5 سال است که در زمینه طراحی UX/UI کار می کنم و در ایجاد تجربیات عالی برای کاربران وب و موبایل تخصص دارم. p>

Md Azizul Md Azizul