Tin vui cho nhà thiết kế và phát triển web là một sự bổ sung mang tính đột phá cho bộ công cụ Divi AI đã xuất hiện. Vào tháng 10 năm 2023, Divi đã công bố một phần bổ sung mới cho bộ công cụ AI của họ - Divi Code AI, một công cụ giúp đơn giản hóa việc phát triển web trong hệ sinh thái Divi. Divi Code AI sở hữu khả năng độc đáo để viết mã, tạo CSS và cung cấp hỗ trợ vô giá trong việc tùy chỉnh trang web Divi thông qua Visual Builder. Giờ đây, người dùng có thể hưởng lợi từ kiến thức chuyên môn của một nhà phát triển web giao diện người dùng dày dạn kinh nghiệm, thành thạo về sự phức tạp của mọi mô-đun Divi. Blog này khám phá cách Divi Code AI biến đổi trải nghiệm thiết kế web Divi , hứa hẹn hiệu quả cao hơn và mức độ thú vị được nâng cao.
Tùy chỉnh trang web bằng mã hóa AI
Người dùng có thể dễ dàng phát hiện biểu tượng AI mới nằm bên dưới trường mã của Divi. Chỉ cần nhấp vào biểu tượng này, mọi người có thể truyền đạt yêu cầu cụ thể của mình tới Divi AI. Tùy thuộc vào thành phần được tùy chỉnh và tính chất của trường đang được chỉnh sửa, Divi AI sẽ nhanh chóng điều chỉnh các phản hồi của mình cho phù hợp với nhiệm vụ hiện tại.
Như một minh họa, khi người dùng muốn kết hợp văn bản chuyển màu vào tiêu đề, một tính năng thiết kế vốn không có sẵn trong Divi, họ có thể chỉ cần yêu cầu Divi AI tạo CSS cần thiết. Trong giây lát, tiêu đề được trang trí bằng hiệu ứng chuyển màu tuyệt đẹp.
Người dùng có thể tham gia vào cuộc đối thoại đang diễn ra với Divi AI để tinh chỉnh kết quả. Trong một video trình diễn, người dùng cảm thấy độ dốc ban đầu hơi dịu đi và do đó, họ đã yêu cầu Divi AI tăng cường nó. Kết quả bây giờ là độ chuyển màu lý tưởng, đạt được độ sống động như mong muốn.
Tạo trang web tuyệt vời
Với trình tạo trang miễn phí tốt nhất Elementor
Bắt đầu bây giờTạo các phần tử tùy chỉnh
Mô-đun Code nổi bật như ngôi sao sáng của Divi Code AI, tự hào về khả năng xử lý HTML, CSS và JavaScript một cách dễ dàng. Người dùng có thể chỉ cần yêu cầu Divi AI tạo cửa sổ bật lên có độ trễ 30 giây, mời khách truy cập đăng ký nhận bản tin của họ và có quyền tự do mô tả giao diện của cửa sổ bật lên. Trong giây lát, Divi AI dễ dàng tạo mã, tạo ra một cửa sổ bật lên bắt mắt và hiệu quả, thu hút sự chú ý của khách truy cập trang web.
Divi AI tự hào có nhiều khả năng khi nói đến mô-đun mã. Nó có thể dễ dàng kết hợp các tính năng như hiệu ứng gõ cho tiêu đề nhân vật chính của bạn hoặc chuyển phần Divi thành một thanh bên nổi thuận tiện, có thể loại bỏ. Khi người dùng đã quen với việc tương tác với Divi AI, một loạt các khả năng thú vị sẽ mở ra trước mắt họ.
Tùy chọn CSS dạng miễn phí cho tất cả các mô-đun
Họ đã triển khai một cải tiến đáng chú ý trên tất cả các mô-đun Divi—một tính năng CSS dạng tự do cho phép người dùng tạo kiểu cho mô-đun tập trung và bất kỳ thành phần cơ bản nào bằng cách sử dụng lớp giả "bộ chọn". Ví dụ: khi chỉnh sửa mô-đun Blurb, bạn có thể dễ dàng áp dụng bóng hộp và điều chỉnh giao diện của các phần tử IMG và H3 bằng cách tạo các quy tắc CSS như quy tắc bên dưới:
selector { <span class="webkit-css-property" aria-label="CSS property name: box-shadow">box-shadow</span><span class="styles-name-value-separator">: </span><span class="value" aria-label="CSS property value: 0 10px 20px 0 #000">0 10px 20px 0 #000</span><span class="styles-semicolon">; }</span>
selector img { border-radius: 100px; border: 5px solid #000; }
selector h3 { margin-top: 20px; }Sự bổ sung này được chứng minh là vô giá đối với Divi AI, mang lại cho nó sự linh hoạt cần thiết để đáp ứng yêu cầu của bạn và tùy chỉnh toàn bộ mô-đun một cách dễ dàng.
Tùy chỉnh CSS do AI tạo
Việc sử dụng Divi Code AI trong trường CSS dạng tự do mới chứng tỏ đây là một trải nghiệm đáng chú ý. Trong video trình diễn bên dưới, người dùng có thể chứng kiến Divi AI dễ dàng thực hiện một chuỗi tùy chỉnh. Hướng dẫn rất rõ ràng: chuyển hình ảnh thành hình tròn, thêm bóng hộp tinh tế, phủ lên hình ảnh một dải chuyển màu bán trong suốt và áp dụng hoạt ảnh phóng to được kích hoạt khi di chuột.
Nhờ sự hiểu biết sâu sắc của Divi AI về cấu trúc mô-đun Divi và mức độ thành thạo CSS của nó, những nhiệm vụ phức tạp này thường được giải quyết thành công trong lần thử đầu tiên hoặc chúng đạt được rất gần với kết quả mong muốn.
Cơ sở mã Divi
Điều khiến Divi Code AI trở nên khác biệt là khả năng tinh chỉnh trên cơ sở mã mô-đun Divi, mang lại lợi thế khác biệt so với các mô hình ngôn ngữ lớn khác. Nhờ quen thuộc với các lớp mô-đun Divi và đầu ra HTML, nó vượt trội trong việc hiểu các yêu cầu mơ hồ và nhận dạng các thuật ngữ dành riêng cho Divi trong lời nhắc của người dùng.
Ví dụ: trong video bên dưới, người dùng hướng dẫn Divi Code AI tạo CSS để tùy chỉnh giao diện của mô-đun Blurb và Button. Thật ấn tượng, Divi Code AI nhận biết theo bản năng bản chất của các phần tử Lời giới thiệu và Nút, xác định chính xác các lớp có liên quan. Độ chính xác này cho phép nó thực hiện các tùy chỉnh ngay từ lần thử đầu tiên.
Mã hóa thuận tiện
Divi Code AI cung cấp các Tác vụ nhanh thân thiện với người dùng để tinh chỉnh mã của bạn. Chỉ với một cú nhấp chuột, nó có thể tự động tối ưu hóa, định dạng và nâng cao khả năng tương thích với các trình duyệt cũ hơn. Ngoài ra, bạn có thể linh hoạt sửa đổi mã bằng lời nhắc, mở ra khả năng sáng tạo vô tận.
Thư viện đoạn mã dựa trên đám mây
Mặc dù Divi AI có thể không hoàn hảo nhưng nó cho phép người dùng kiên trì trò chuyện và cộng tác với AI để tinh chỉnh kết quả mong muốn. Người dùng cũng có thể yêu cầu "thử lại". Với mỗi lần thử, Divi AI tạo ra các kết quả hơi khác nhau, thường xuyên tìm ra giải pháp mong muốn sau một vài lần thử.
Ngay cả đối với những người có kiến thức cơ bản về phát triển web, Divi AI có thể đẩy nhanh việc tùy chỉnh trang web và đạt được những kết quả cụ thể mà trước đây chỉ có thể đạt được thông qua sự tham gia của chuyên gia.
Kết thúc
Divi Code AI không chỉ là một tiến bộ công nghệ; nó là người thay đổi cuộc chơi trong thế giới thiết kế web. Nó cung cấp cho người dùng khả năng khai thác khả năng của một nhà phát triển web front-end lành nghề ngay từ Divi Visual Builder .
Cho dù bạn là nhà thiết kế web có kinh nghiệm hay người mới trong lĩnh vực này, Divi Code AI sẽ mở ra cơ hội nâng cao hiệu quả và khả năng tùy chỉnh. Hãy tham gia và trải nghiệm tương lai của thiết kế web với Divi Code AI.
