html2wp / Visual Edit

Chỉnh sửa website WordPress: bấm vào trang và sửa ngay tại đó

Visual Edit Lite là công cụ miễn phí để chỉnh sửa website WordPress ngay trên giao diện ngoài. Trên một block theme như Twenty Twenty-Five, bạn bấm vào tiêu đề, hình ảnh hay menu trên trang và sửa ngay tại chỗ. Cùng trình chỉnh sửa này cũng sửa được các site chuyển từ HTML tĩnh bằng html2wp, và mã trang vẫn giống 1:1 với thiết kế. Mỗi lần lưu là một mốc bạn có thể quay lại. Bản Pro trả phí giá 59 € mỗi năm, giảm 30% năm đầu trong giai đoạn beta, và được bán riêng.

Demo 95 giây

Thử chỉnh sửa website WordPress trên Twenty Twenty-Five

Video cho thấy chữ và Google Fonts, section và màu sắc, một bài blog, template Single Posts, menu và việc đổi ảnh. Mỗi thay đổi đều được lưu, và bạn có thể hoàn tác.

Demo trên Twenty Twenty-Five

Video chỉ tải từ YouTube khi bạn bấm phát. Xem trên YouTube.

Trên mọi block theme

Bấm vào tiêu đề, gõ chữ, lưu

Trên block theme, Visual Edit Lite mở Site Editor và Post Editor của chính WordPress trong thanh công cụ. Bên cạnh block bạn vừa bấm có một bảng cài đặt nổi. Block, pattern, template và Global Styles vẫn dùng các điều khiển quen thuộc của WordPress. Nội dung vẫn nằm trong block chuẩn. Đây không phải page builder, nên trang không phụ thuộc vào nó để hiển thị.

Visual Edit trên block theme
Một đoạn văn trên trang chủ Twenty Twenty-Five với font Google viết tay, bảng kiểu chữ đang mở ở danh sách cỡ chữ Một section đăng ký được nhân bản với nền vàng, bảng nhóm đang mở ở phần font và màu Template Single Posts mở trong trình chỉnh sửa WordPress, bảng cài đặt đang ở block nội dung bài viết Một ảnh được chọn với bảng hình ảnh đang mở, bên cạnh là lịch sử liệt kê mỗi lần lưu trang kèm nút Restore

Ảnh chụp màn hình thật của plugin trên Twenty Twenty-Five, lấy từ video demo.

Định dạng chữ ngay tại chỗ

Chọn font, cỡ chữ, độ đậm, chữ hoa hay chữ thường và màu cho phần tử bạn bấm. Toàn bộ thư viện Google Fonts có sẵn để chọn, và bạn có thể giữ tối đa năm font để dùng nhanh.

Section từ theme của bạn

Nhân bản một section hoặc thêm section mới từ pattern của theme. Sau đó đặt màu, nền và gradient mà không cần viết CSS.

Bài viết và template

Bài blog được sửa giống như trang. Khi bạn đổi một template như Single Posts, mọi bài viết đều theo nó.

Menu ngay trên trang

Di chuyển, thêm và xóa link điều hướng ngay chỗ menu hiện trên trang. Đó vẫn là menu điều hướng thông thường của WordPress.

Ảnh từ Thư viện Media

Bấm vào một ảnh và đổi nó bằng ảnh khác từ Thư viện Media. Văn bản thay thế (alt) nằm ngay bên cạnh.

Quay lại bất kỳ lần lưu nào

Mỗi trang giữ mười lần lưu gần nhất (bản Pro giữ đến 300) cùng phiên bản gốc. Template và Global Styles có bản sửa đổi (revision) riêng của WordPress.

Trên site chuyển từ HTML

Chỉnh sửa website WordPress từ HTML tĩnh chỉ bằng cú bấm

Cùng trình chỉnh sửa này cũng chạy trên website đã chuyển từ HTML tĩnh sang WordPress. HTML đi qua html2wp trước. Sau đó Visual Edit sửa theme mà html2wp tạo ra. Nó cũng sửa được theme đó sau lần chuyển đổi thứ hai thành block theme Gutenberg gốc bằng html2wp-to-gutenberg. Bước thứ hai này vẫn là tính năng thử nghiệm, và bạn bật nó trong phần cài đặt. Bạn sửa chữ, hình ảnh, liên kết, form và menu ngay chỗ chúng nằm trên trang. Nhờ vậy, một website khởi đầu là HTML viết tay có được trình chỉnh sửa WordPress mà khách hàng dùng được, không cần đụng vào mã. Trong khi đó, mã trang vẫn giống 1:1 với thiết kế.

Visual Edit trên site đã chuyển đổi
Chế độ sửa của trình chỉnh sửa website trên một site WordPress đã chuyển đổi: mọi phần tử sửa được đều có viền, bảng hình ảnh đang mở ở một ảnh chân dung Tiêu đề chính được chọn, bảng font đang mở ở font, cỡ chữ, độ đậm, màu và khoảng cách chữ Bảng trợ lý AI bên cạnh bản xem trực tiếp, liệt kê các file nó đã đọc và sửa Bảng lịch sử bên cạnh trang: mỗi lần lưu kèm thời gian và mã hash, lần nào cũng khôi phục được

Ảnh chụp màn hình thật của plugin trên một site đã chuyển đổi.

Phiên bản

Hai phiên bản để chỉnh sửa website WordPress: Lite và Pro

Visual Edit Lite miễn phí, không cần khóa giấy phép và có đầy đủ trải nghiệm bấm để sửa. Pro thêm những thứ mà một studio thường cần. Pro được bán riêng với giá 59 € mỗi năm.

 Lite (miễn phí)Pro
Sửa nội dung bằng cách bấm vào✓✓
Form, menu, trường SEO✓✓
Sửa bằng chat AI–✓, với API key của bạn
Xuất theme–✓
Chống spam bằng Turnstile–✓
Sửa ảnh bằng AI và tạo animation từ ảnh–✓
Lịch sử chỉnh sửa10 lần lưu cùng phiên bản gốc300 bước
Số sitekhông giới hạn, không cần khóa1 tên miền mỗi giấy phép
Giấy phépGPL-2.0GPL-2.0

Cách nhận từng phiên bản

Lite là bản tải miễn phí. Plugin có trên WordPress.org, không cần khóa và không cần tài khoản. Trong bảng điều khiển, mở Plugin → Cài mới, tìm “Visual Edit Lite” và cài đặt. Hoặc tải nó từ trang của nó trên WordPress.org. Nếu muốn thử trước khi cài, link Lite trong WordPress Playground mở nó trong một WordPress chạy ngay trong tab trình duyệt, với trình chỉnh sửa đã mở sẵn. Plugin phát hành theo GNU GPL, phiên bản 2 trở lên, cùng giấy phép với chính WordPress. Bạn dùng được trên bao nhiêu site cũng được, của bạn hay của khách hàng, kể cả việc có trả công. Bạn không phải đăng ký gì và không có gì hết hạn. Trong Lite không có gì cần mở khóa, vì những gì Pro thêm vào không nằm trong Lite.

Pro được mua riêng, dưới dạng giấy phép theo năm trên trang bảng giá. Mọi lần chuyển đổi, ở bản miễn phí hay Pro, đều dẫn tới Lite. Sau khi mua, khóa Visual Edit Pro được gửi qua email. Với khóa đó, bạn tải plugin ở trang tải về, cài đặt và nhập cùng khóa vào plugin trong WordPress. Khi giấy phép còn hiệu lực, bản cập nhật đến qua WordPress. Mỗi lúc, một giấy phép gắn với một tên miền. Nếu muốn chuyển, trước tiên hãy hủy kích hoạt nó trên site cũ. Theme vẫn chạy khi không có nó.

Khóa Visual Edit Pro chỉ dành cho trình chỉnh sửa và không chạy chuyển đổi. Theme mà nó sửa đến từ một lần chuyển đổi ở bản miễn phí hoặc Pro.

Không bị khóa chặt

Những gì còn lại trong WordPress khi bạn gỡ trình chỉnh sửa

Tắt nó đi, các trang vẫn nguyên vẹn

Trên block theme, nội dung gồm các block thông thường. Trên site chuyển từ HTML, trang, blog, form, menu, SEO và chuyển hướng là mã riêng của theme. Khi bạn gỡ plugin, thiết kế vẫn còn nguyên.

Mã trang vẫn giống 1:1

Việc chỉnh sửa không dựng lại cấu trúc trang bên dưới. Chỉ thứ bạn bấm vào mới thay đổi.

API key AI là của bạn

Sửa bằng chat trong Pro chạy bằng API key của riêng bạn, và bạn trả tiền cho nhà cung cấp. Mọi thứ khác trong trình chỉnh sửa chạy mà không cần key.

Có lịch sử, nên không ai phải dè dặt

Bạn có thể quay lại bất kỳ lần lưu nào. Với Lite là mười lần lưu gần nhất cùng phiên bản gốc, với Pro là 300 bước.

Menu, bài viết và form gốc của WordPress

Menu là menu WordPress, và blog gồm các bài viết thật ngay trong theme, dù bạn có cài trình chỉnh sửa hay không.

Site bàn giao không gọi về đâu cả

Site bạn bàn giao không kết nối tới máy chủ nào của chúng tôi khi chạy. Chỉ quá trình chuyển đổi tải site đã build lên máy chủ. Site bàn giao thì không.

Câu hỏi thường gặp

Câu hỏi về Visual Edit, công cụ chỉnh sửa website WordPress

Có, nếu đó là block theme. Twenty Twenty-Five và các theme khác dựng trên template và pattern chạy được ngay. Plugin cũng chạy trên theme chuyển từ HTML tĩnh, vì mọi lần chuyển đổi bằng html2wp đều khai báo những gì trình chỉnh sửa cần. Trên theme PHP cổ điển, trình chỉnh sửa trực quan không chạy. Nhưng form, gửi email, danh sách email, SEO, chuyển hướng và llms.txt vẫn hoạt động.

Không, khi site vẫn là HTML tĩnh, vì mỗi thay đổi đều phải sửa file. Khi bạn chuyển website sang WordPress bằng html2wp và cài trình chỉnh sửa Visual Edit, họ sẽ sửa được. Trên trang đang chạy, họ bấm vào chữ, hình ảnh, liên kết, form hay menu muốn đổi, rồi lưu. Visual Edit Lite miễn phí và không cần khóa giấy phép.

Không. Page builder dựng lại trang bằng widget riêng của nó, và sau đó site cần builder chỉ để hiển thị. Visual Edit là trình chỉnh sửa WordPress ngay trên giao diện ngoài: nó sửa các phần tử đã có sẵn trên trang. Trên block theme, nó chạy bên trong trình chỉnh sửa của chính WordPress, và nội dung vẫn là block thông thường. Trên site chuyển từ HTML, mã trang vẫn giống như trong thiết kế. Trong cả hai trường hợp, theme hiển thị mà không cần plugin.

Site vẫn chạy bình thường. Trang, blog, form, menu, SEO và chuyển hướng là mã riêng của theme. Tắt plugin chỉ gỡ giao diện chỉnh sửa, còn thiết kế vẫn giữ nguyên.