پیش نمایش سرعت Divi 5

تاریخ انتشار : جمعه 12 خرداد 1402

وبلاگ

ما در میانه یک پروژه عظیم، Divi 5 هستیم، و من دوست دارم هر ماه جامعه را در مورد پیشرفت خود به روز کنم. ماه گذشته، ما به پنج مرحله برنامه Divi 5 بتا پرداختیم تا بهتر درک کنیم که چگونه به سودمندترین روش برای کاربران Divi به چنین پروژه بزرگی نزدیک می شویم. ما در فاز 1، Dev Alpha هستیم، و به راه‌اندازی Dev Beta نزدیک می‌شویم، در این مرحله API جدید Divi 5 محکم می‌شود. ما از توسعه دهندگان بیشتری دعوت خواهیم کرد تا به این برنامه بپیوندند، زیرا برای اولین نسخه عمومی در اواخر امسال تلاش می کنیم.

در به‌روزرسانی این ماه، در مورد به‌روزرسانی‌هایی که برای Divi 5 ایجاد کرده‌ایم صحبت خواهیم کرد. همچنین به شما نشان می‌دهم که Divi 5 چقدر سریع است، و سپس نگاهی اجمالی به ویژگی Divi AI آینده ما می‌دهم! بیایید حفاری کنیم.

کاری که در این ماه انجام دادیم

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

بیشتر کار ما بر روی تقویت Divi 5 API متمرکز شده است که هدف نسخه‌های Dev Beta است. روند کلی در اینجا این است که ما در حال ایجاد پایه ای هستیم تا ایجاد ماژول ها و ویژگی های Divi عالی را برای تیم خود و جامعه توسعه آسان تر کنیم. ما باید این قسمت را به درستی انجام دهیم تا بقیه چیزها همانطور که می خواهیم در جای خود قرار بگیرند.

ما روی یکپارچه سازی و ساده سازی REST API جدید Divi 5 کار کرده ایم. چندین ویژگی جدید و پیاده سازی آنها را تکمیل کرده ایم که هدف آن کاهش قابل توجه زمان لازم برای ایجاد یک ماژول Divi است. باز هم، ما در سطح پایه کار اضافی انجام می دهیم تا بقیه پروژه Divi 5 سریعتر پیش برود و ماژول ها و ویژگی هایی که بعد از Divi 5 اضافه می کنیم سریعتر توسعه یابد.

ما همچنین روش تبدیل کد کوتاه Divi را دوباره کار کرده‌ایم، که نقش اساسی در سازگاری با عقب بازی خواهد داشت.

اگر به جزئیات دقیق‌تر علاقه دارید، در اینجا آخرین ورودی‌های تغییرات ثبت شده است:

Divi 5.0.0-dev-alpha.4

رندر فیلدهای پس زمینه را در حالت تنظیمات ماژول Shortcode برطرف کنید
رفع دید فیلدهای راه اندازی ماژول کد کوتاه با شرایط الگوی بیان منظم.
اضافه شدن رندر رابط گزینه های جداکننده بخش.
گزینه‌های شناور ثابت در ویژوال constructor و frontend برای گزینه‌های ماژول که چندین انتخابگر دارند به درستی کار نمی‌کنند.
بسته @divi/scripts دوباره کار کرد و تست‌های اضافه شد
منتشر شده انواع بسته npm در آماده سازی برای انتشار عمومی

Divi 5.0.0-dev-alpha.5

به ماژول Shortcode اجازه دهید زمانی که درخواست قبلی به طور خودکار خاتمه می یابد درخواست دیگری ارسال کند.
هنگامی که ماژول کد کوتاه فعلی چسبنده است، دکمه گزینه های چسبنده را رندر کنید.
هنگامی که ماژول کد کوتاه فعلی داخل یک ماژول چسبنده است، دکمه گزینه های چسبنده را رندر کنید.
مقدار پیش فرض استفاده نشده Record> در ماژول Shortcode تایپ کنید.
رفع نادرست عناصر ماژول Woo Shortcode که در یک صفحه محصول نشان داده می شوند. ماژول‌های کد کوتاه تحت تأثیر قرار می‌گیرند: اطلاع‌رسانی محصول Woo، تصاویر محصول Woo، افزودن Woo Cart، در دسترس بودن محصول Woo، قیمت محصول Woo، محصولات مرتبط Woo، Woo Product Upsells، و Woo Products.
نام ماژول Unsupported را به ماژول Shortcode به همراه ماژول Slug، مسیر REST API، برچسب، موارد تست و کتاب داستان تغییر دهید.
فیلدهای ویدیوی پس زمینه در گزینه های پس زمینه ماژول اضافه شده است.
رندر ویدیوی پس‌زمینه در Visual Builder بدون تماس REST API.
اضافه شدن رندر گزینه های ماژول ویدیوی پس زمینه در Frontend.
ScriptData را برای مقداردهی اولیه ویدیوی پس‌زمینه در Frontend اضافه کرد.
پشتیبانی از گزینه های ماژول ویدئو پس زمینه Sticky State اضافه شده است.
قابلیت مشاهده فیلدهای جداکننده را در گزینه‌های ماژول به‌روزرسانی کرد تا در صورت انتخاب سبک جداکننده، گزینه‌های اضافی پنهان شود.
قابلیت مشاهده تنظیمات تکرار جداکننده افقی در گزینه های ماژول برای پنهان شدن برای گزینه های سبک جداکننده که به صراحت تکرار را رد می کنند، به روز شده است.
نمایان بودن تنظیم ترتیب جداکننده را در گزینه‌های ماژول به‌روزرسانی کرد تا در تنظیمات بخش تمام عرض پنهان شود (که فقط مقدار پیش‌فرض “زیر” مجاز است).
رندر فیلد سبک جداکننده را در گزینه‌های ماژول به‌روزرسانی می‌کند تا هرگونه چرخش افقی و/یا عمودی اعمال شده در حال حاضر روی جداکننده را منعکس کند.
فیلد ارتفاع جداکننده را در گزینه های ماژول به روز کرد تا امکان ذخیره مقادیر درصد (“٪”) علاوه بر واحد پیکسل پیش فرض (“px”) فراهم شود.
تنظیم تکرار جداکننده افقی را در گزینه های ماژول به روز کرد تا فقط مقادیر عدد مثبت (“1x” یا بالاتر) را بپذیرد.
پایگاهی با گزینه‌های اصطلاحات اضافه شده، از جمله عبارت‌های اولیه برای نویسنده، وارد شده و نقش کاربر، و بقیه شرایط به تدریج در نسخه‌های بعدی اضافه می‌شوند.
اضافه شده عنصر ElementComponents معادل ، اما برای عناصر HTML ارائه شده.
تابع عنصرClassnames() معادل آن اضافه شد ، اما برای توابعی که نام کلاس ها را خروجی می کنند.
رفع اشکال در سطح عنوان فونت.
اخطارهای PHP ثابت در ماژول نمونه کارها راه اندازی شده است.
پاسخ تماس صحیح مجوز REST به همه مسیرهای REST ثبت شده اضافه شده است.
یک کلاس RoleEditor جدید برای تعریف نقش‌های Divi معرفی شده است، از جمله تست‌هایی برای عملکرد که از D4 به D5 دوباره کار شده است.
ویژگی‌های .sendRequest() مانند اضافه کردن خودکار ET و WP nonce و پشتیبانی از پاسخ جریانی، به fetch() اضافه شده‌اند.
Fetch() برای پشتیبانی و مقیاس پذیری بهتر کاملاً بازطراحی شده است و امکان معرفی شرایط و توابع جدید و پیچیده را فراهم می کند، به عنوان مثال. گزینه های .sendRequest()
همه REST API فراخوانی‌های fetch()، logedFetch() و .sendRequest() یکپارچه شده‌اند و اکنون فقط ()logedFetch استفاده می‌شود.
مکانیزم تبدیل ماژول دوباره کار شده

Divi 5.0.0-dev-alpha.6

ثبت، منطق، طرحواره ها و تست های REST API بهبود یافته و ساده شده است. بسته divi/ajax به بسته divi/rest تغییر نام داد.
اضافه شدن اجزای InlineTextEditorContainer و InlineTextEditor برای ویرایشگر متن درون خطی.
کنترل کننده های onBlur، onClick، onDoubleClick، onKeyDown، onKeyUp، onMouseDown و onMouseUp برای ویرایشگر متن داخلی اضافه شده است.
مکانیسم ذخیره برای به روز رسانی مقدار مشخصه از قسمت ویرایشگر متن درون خطی اضافه شد.
کنترل‌کننده‌های رویداد اضافه شد تا حالت ویرایش را برای ویرایشگر متن داخلی فعال و غیرفعال کند.
نام کلاس ها بر اساس فعال/غیرفعال کردن و سایر حالت ها مانند __empty، __edit، __html اضافه شده است.
یک ظاهر طراحی CSS/inline برای ویرایشگر متن داخلی اضافه شده است.
WindowEventEmitterInstance را برای افزودن شنونده رویداد mousedown تغییر داد.
راهنما PHP برای محتوای واکنش گرا معرفی شده است.
کمک کننده JS برای محتوای واکنش گرا معرفی شده است.
قابلیت اضافه شده برای محتوای قابل تنظیم در اسکریپت های FE.
اجرای محتوای تطبیقی را به عناصر نام، موقعیت، تصویر و محتوای ماژول اعضای تیم اضافه کرد
اجرای محتوای تطبیقی را به عناصر درصد استفاده، درصد و عنوان ماژول نوار شمارنده اضافه کرد.
اجرای محتوای پاسخگو در عنصر Button Text ماژول Button اضافه شده است.
اضافه شدن اجرای محتوای پاسخگو در عناصر عنوان و محتوای ماژول Toggle.
اجرای محتوای پاسخگو به عنصر Text Inner ماژول Text اضافه شد.
اجرای محتوای پاسخگو در عنصر عنوان ماژول Countdown Timer اضافه شده است.
اجرای محتوای تطبیقی را به عناصر عنوان، تصویر، نام هنرمند و نام آلبوم ماژول صوتی اضافه کرد.
اجرای محتوای پاسخگو در عنصر محتوای ماژول کد اضافه شده است.
اضافه شدن اجرای محتوای پاسخگو در عناصر عنوان، محتوا و دکمه ماژول CTA.
اضافه شدن اجرای محتوای پاسخگو در ماژول Image.
اضافه شدن اجرای محتوای پاسخگو در عنصر عنوان ماژول Circle Counter.
اضافه شدن اجرای محتوای پاسخگو در عنصر Title ماژول Number Counter.
اضافه شدن اجرای محتوای پاسخگو در عناصر عنوان و محتوای ماژول Tabs.
اضافه شدن اجرای محتوای پاسخگو در عناصر عنوان و محتوای ماژول ورود.
اضافه شدن اجرای محتوای واکنشگرا در گزینه Show Divider ماژول Divider.
اجرای محتوای پاسخگو به عنوان، زیرنویس، محتوا، تصویر لوگو، تصویر هدر، متن دکمه یک و متن دکمه دو عنصر ماژول هدر تمام عرض اضافه شده است.
اضافه شدن اجرای محتوای پاسخگو در ماژول Fullwidth Image.
اجرای محتوای پاسخگو را به عناصر عنوان و محتوای ماژول Portfolio اضافه کرد.
کد مربوط به ماژول Shortcode را به بسته Shortcode Module منتقل کنید.
یک رندر سبک عنوان فونت را به مؤلفه ElementStyle اضافه کنید.

سرعت Divi 5

قبل از اینکه پست امروز را تمام کنیم، می خواهم بحث کنیم سرعت. همانطور که ممکن است بدانید، ما قصد نداریم بسیاری از ویژگی‌های جدید، در صورت وجود، را به Divi 5 اضافه کنیم. با این حال، یکی از مهم‌ترین تغییراتی که با این نسخه جدید ایجاد می‌شود، افزایش سرعت بسیار زیاد است، به خصوص در Visual Builder. جایی که همه ما زمان زیادی را سپری می کنیم.

اگرچه رابط Divi 5 به پایان نرسیده و سازنده ویژگی‌هایش را از دست داده است، من همچنان می‌خواستم نگاهی کوتاه به تفاوت عملکردی که مدام در مورد آن صحبت می‌کنم به شما بدهم. بنابراین لطفاً قضاوت نکنید که در این ویدیو چیزهایی که تغییر خواهند کرد چگونه به نظر می رسند و فقط روی سرعت تعاملات تمرکز کنید!

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

دستیابی به این سطح از سرعت در Divi 4 امکان پذیر نبود و این یکی از دلایل اهمیت این معماری جدید Divi 5 است.

به زودی: Divi AI

این برای به روز رسانی Divi 5 این ماه تمام شد. با این حال، من یک تیزر دیگر برای شما دارم. در حالی که تقریباً تمام تیم ما بر روی Divi 5 متمرکز شده‌اند، ما هنوز گروه کوچکی از افراد را داریم که روی ویژگی‌های Divi 4 کار می‌کنند که بر توسعه Divi 5 تأثیری نمی‌گذارد، و ما در حال حاضر روی چیزی بسیار هیجان‌انگیز کار می‌کنیم.

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

ویدیوی امروز یوتیوب را برای نگاهی گذرا به هوش مصنوعی Divi ببینید.

با ما همراه باشید برای مطالب بیشتر

این برای گزارش پیشرفت ماه مه ما است. در صورت داشتن هر گونه سوال، نظر را فراموش نکنید. منتظر به روز رسانی ماه آینده باشید و بعد شما را ببینیم!