Trình Soạn Thảo Khối WordPress Là Gì?
Trình Soạn Thảo Khối WordPress, thường được gọi là Gutenberg, là trình soạn thảo nội dung mặc định trong WordPress. Được giới thiệu trong WordPress 5.0, nó thay thế Trình Soạn Thảo Cổ Điển bằng một hệ thống khối mô-đun, nơi mỗi phần nội dung — một đoạn văn, hình ảnh, tiêu đề hoặc nhúng — là một khối riêng lẻ mà bạn có thể sắp xếp, tùy chỉnh và thay đổi vị trí một cách độc lập.
Đến năm 2026, Gutenberg đã phát triển vượt xa một trình soạn thảo nội dung đơn giản. Với Chỉnh Sửa Toàn Bộ Trang (FSE), nó hiện kiểm soát toàn bộ bố cục trang web bao gồm tiêu đề, chân trang, mẫu và các phần mẫu. Hướng dẫn này sẽ hướng dẫn bạn mọi thứ bạn cần biết, từ chỉnh sửa khối cơ bản đến các kỹ thuật xây dựng trang nâng cao.
Tổng Quan Về Các Khối Cơ Bản
WordPress đi kèm với hơn 90 khối cơ bản được tổ chức thành các danh mục. Dưới đây là những khối bạn sẽ sử dụng thường xuyên nhất:
| Danh Mục | Khối Chính | Trường Hợp Sử Dụng |
|---|---|---|
| Văn Bản | Đoạn văn, Tiêu đề, Danh sách, Trích dẫn, Chi tiết | Tạo nội dung tiêu chuẩn |
| Phương Tiện | Hình ảnh, Thư viện, Video, Âm thanh, Bìa | Nội dung hình ảnh và đa phương tiện |
| Thiết Kế | Cột, Nhóm, Hàng, Chồng, Khoảng cách | Bố cục và cấu trúc trang |
| Tiện Ích | Tìm kiếm, Điều hướng, Biểu tượng mạng xã hội, Đám mây thẻ | Các yếu tố tương tác và động |
| Chủ Đề | Tiêu đề trang, Logo, Điều hướng, Vòng lặp truy vấn | Các thành phần Chỉnh Sửa Toàn Bộ Trang |
| Nhúng | YouTube, Twitter, Spotify, Vimeo | Nhúng nội dung từ bên thứ ba |
Tạo Nội Dung Với Các Khối
Thêm Khối
Có một số cách để thêm khối vào nội dung của bạn:
- Nút cộng (+): Nhấp vào biểu tượng cộng trong thanh công cụ hoặc giữa các khối để mở trình chèn khối
- Lệnh gạch chéo: Gõ
/theo sau là tên khối (ví dụ:/image,/heading) để chèn nhanh - Bảng lệnh: Nhấn
Ctrl+K(Windows) hoặcCmd+K(Mac) để tìm kiếm bất kỳ khối hoặc hành động nào - Kéo và thả: Kéo các khối từ bảng chèn trực tiếp lên canvas
Cấu Hình Các Khối
Mỗi khối có hai khu vực cấu hình:
- Thanh công cụ: Xuất hiện phía trên khối đã chọn với các hành động phổ biến (canh lề, đậm, nghiêng, liên kết)
- Bảng bên: Cung cấp các cài đặt chi tiết bao gồm màu sắc, kiểu chữ, khoảng cách và tùy chọn nâng cao
Định Hình Các Khối
Sắp xếp nội dung của bạn bằng cách di chuyển các khối lên hoặc xuống bằng cách sử dụng các mũi tên trong thanh công cụ khối, hoặc kéo chúng đến vị trí mới. Bạn cũng có thể sử dụng bảng Xem Danh Sách (Shift+Alt+O) để xem toàn bộ cấu trúc tài liệu của bạn và kéo các khối trong cây.
Các Khối Có Thể Tái Sử Dụng (Mẫu Đồng Bộ)
Các khối có thể tái sử dụng — được đổi tên thành Mẫu Đồng Bộ vào năm 2026 — cho phép bạn tạo một khối hoặc nhóm khối một lần và chèn chúng vào nhiều bài viết và trang khác nhau. Khi bạn cập nhật mẫu đồng bộ, mọi phiên bản sẽ tự động cập nhật.
Các trường hợp sử dụng phổ biến cho mẫu đồng bộ:
- Các phần kêu gọi hành động xuất hiện trên nhiều trang
- Hộp tiểu sử tác giả được sử dụng trên các bài viết blog
- Các thông báo từ chối trách nhiệm hoặc tiết lộ liên kết tiêu chuẩn
- Mẫu đăng ký bản tin
- Các khối thông tin liên hệ
Để tạo một mẫu đồng bộ: chọn các khối, nhấp vào menu ba chấm, chọn "Tạo mẫu," đặt tên cho nó và bật "Đồng Bộ". Để chèn nó sau này, tìm nó trong tab Mẫu của trình chèn khối.
Mẫu Khối
Mẫu khối là các sắp xếp khối được thiết kế sẵn mà bạn có thể chèn và tùy chỉnh. Khác với mẫu đồng bộ, chúng không liên kết — việc chỉnh sửa một phiên bản mẫu không ảnh hưởng đến các lần sử dụng khác.
Mẫu Tích Hợp Sẵn
WordPress bao gồm các mẫu cho các bố cục phổ biến: các phần hero, lưới tính năng, bố cục đánh giá, bảng giá và nhiều hơn nữa. Chủ đề đang hoạt động của bạn có thể đăng ký thêm các mẫu được tối ưu hóa cho hệ thống thiết kế của nó.
Thư Mục Mẫu WordPress.org
Thư mục mẫu WordPress.org cung cấp hàng ngàn mẫu do cộng đồng đóng góp. Bạn có thể duyệt, xem trước và sao chép các mẫu trực tiếp từ trình chèn hoặc từ trang web thư mục mẫu.
Tạo Mẫu Tùy Chỉnh
Xây dựng các mẫu của riêng bạn bằng cách sắp xếp các khối, chọn tất cả chúng và tạo một mẫu từ menu khối. Các mẫu tùy chỉnh xuất hiện trong phần "Mẫu của tôi" của trình chèn, giúp chúng có thể tái sử dụng trên toàn bộ trang web của bạn.
Các Kiến Thức Cơ Bản Về Chỉnh Sửa Toàn Bộ Trang
Chỉnh Sửa Toàn Bộ Trang (FSE) mở rộng việc chỉnh sửa khối vượt ra ngoài nội dung bài viết và trang đến toàn bộ cấu trúc trang web của bạn. Với một chủ đề khối, bạn có thể chỉnh sửa:
- Mẫu: Kiểm soát bố cục của các loại trang cụ thể (bài viết đơn, lưu trữ, 404, kết quả tìm kiếm)
- Các Phần Mẫu: Chỉnh sửa các phần tái sử dụng như tiêu đề và chân trang
- Phong Cách Toàn Cục: Đặt màu sắc, kiểu chữ trên toàn trang web
- Điều hướng: Xây dựng và quản lý menu một cách trực quan
Truy cập vào Trình chỉnh sửa Trang web
Đi đến Giao diện → Trình chỉnh sửa trong bảng điều khiển WordPress của bạn. Điều này mở ra trình chỉnh sửa trang web nơi bạn có thể duyệt các mẫu, chỉnh sửa các phần mẫu và điều chỉnh các kiểu toàn cục. Lưu ý rằng FSE yêu cầu một chủ đề khối — các chủ đề cổ điển sử dụng Trình tùy chỉnh truyền thống thay thế.
Mẫu so với Các phần mẫu
Khái niệm Điều gì được kiểm soát Ví dụ Mẫu Bố cục trang đầy đủ cho một loại nội dung Bài viết đơn, Trang, Lưu trữ, 404 Phần mẫu Phần có thể tái sử dụng trong các mẫu Đầu trang, Chân trang, Thanh bên Tùy chỉnh Khối với theme.json
Tệp
theme.jsonlà trung tâm cấu hình cho các chủ đề khối. Nó kiểm soát:- Bảng màu và gradient có sẵn trong trình chỉnh sửa
- Các thiết lập kiểu chữ (các họ phông, kích thước, chiều cao dòng)
- Các tỷ lệ khoảng cách và chiều rộng bố cục
- Các tính năng khối nào được bật hoặc tắt
- Các kiểu mặc định cho các khối cụ thể
Các nhà phát triển chủ đề sử dụng
theme.jsonđể tạo ra một hệ thống thiết kế nhất quán. Là một chủ sở hữu trang web, bạn có thể chỉnh sửa các cài đặt này thông qua giao diện Kiểu Toàn cầu trong trình chỉnh sửa trang web mà không cần chỉnh sửa tệp trực tiếp.Tổ hợp phím
Học các tổ hợp phím sẽ tăng tốc đáng kể quy trình chỉnh sửa của bạn:
Hành động Windows / Linux Mac Thêm khối mới / (dấu gạch chéo) / (dấu gạch chéo) Bảng lệnh Ctrl + K Cmd + K Nhân bản khối Ctrl + Shift + D Cmd + Shift + D Xóa khối Shift + Alt + Z Ctrl + Option + Z Mở chế độ xem danh sách Shift + Alt + O Ctrl + Option + O Chuyển đổi bộ chèn khối Ctrl + Shift + , Cmd + Shift + , Lưu nháp / Cập nhật Ctrl + S Cmd + S Hoàn tác Ctrl + Z Cmd + Z Chèn liên kết Ctrl + K Cmd + K Gutenberg so với Trình chỉnh sửa Cổ điển
Một số người dùng WordPress vẫn thích plugin Trình chỉnh sửa Cổ điển. Dưới đây là cách so sánh giữa hai cái:
Khía cạnh Gutenberg Trình chỉnh sửa Cổ điển Cách tiếp cận chỉnh sửa Dựa trên khối, mô-đun Khu vực văn bản đơn (TinyMCE) Khả năng bố cục Cột, lưới, các phần toàn chiều rộng Nội dung tuyến tính chỉ Xử lý phương tiện Thư viện nội tuyến, hình ảnh bìa, phương tiện + văn bản Chèn phương tiện cơ bản Khả năng tương thích tương lai Đang phát triển tích cực, hỗ trợ FSE Chỉ ở chế độ bảo trì Hỗ trợ plugin/chủ đề Hệ sinh thái khối đang phát triển Giảm phát triển mới Plugin Classic Editor vẫn được duy trì, nhưng phát triển WordPress đã hoàn toàn cam kết với trình chỉnh sửa khối. Các tính năng, giao diện và plugin mới ngày càng nhắm đến Gutenberg trước tiên.
Các Plugin Khối Mở Rộng Gutenberg
Khi các khối cốt lõi đáp ứng hầu hết các nhu cầu, những plugin này thêm chức năng chuyên biệt:
- Plugin Flavor: Thêm các khối nâng cao như tab, accordion, bảng giá và carousel bài viết
- Plugin Flavor: Cung cấp các khối tập trung vào nội dung để cải thiện trải nghiệm viết — thanh tiến độ, nhấp để tweet, thông báo
- Plugin Flavor: Cung cấp các khối định hướng thiết kế với hoạt ảnh và tùy chọn kiểu dáng nâng cao
- Plugin Flavor: Mở rộng Gutenberg với các khối được thiết kế đặc biệt cho các giao diện FSE
- Plugin Flavor: Thêm các khối truy vấn và bộ lọc để hiển thị nội dung động
Khi chọn các plugin khối, hãy chọn những plugin tuân thủ tiêu chuẩn mã hóa WordPress và tạo ra mã sạch. Tránh các plugin tải các framework JavaScript nặng, vì chúng làm mất lợi thế hiệu suất của Gutenberg.
Mẹo Thực Tế Để Chỉnh Sửa Khối Hiệu Quả
Sử Dụng Chế Độ Danh Sách
Đối với các trang phức tạp, Chế Độ Danh Sách (
Shift+Alt+O) là rất cần thiết. Nó hiển thị toàn bộ cấu trúc tài liệu của bạn như một cây, giúp dễ dàng chọn các khối lồng nhau, sắp xếp lại các phần và hiểu rõ cấu trúc trang của bạn.Nhóm Các Khối Để Thực Hiện Các Hành Động Đồng Loạt
Chọn nhiều khối (nhấp vào khối đầu tiên, Shift+nhấp vào khối cuối) và nhóm chúng lại. Các khối được nhóm có thể được định kiểu cùng nhau, di chuyển như một đơn vị và chuyển đổi thành các mẫu. Điều này đặc biệt hữu ích cho việc tạo ra các phần nhất quán.
Khóa Các Khối Để Ngăn Ngừa Thay Đổi Không Mong Muốn
Khóa các khối quan trọng để ngăn ngừa việc di chuyển hoặc xóa nhầm. Nhấp chuột phải vào một khối và chọn "Khóa" để hạn chế các thay đổi. Điều này hữu ích cho các mẫu hoặc nội dung được quản lý bởi nhiều biên tập viên.
Sử Dụng Phím Tắt Một Cách Tích Cực
Sự khác biệt giữa việc chỉnh sửa khối hiệu quả và chậm thường phụ thuộc vào phím tắt. Hãy học năm phím tắt phổ biến nhất trước (lệnh gạch chéo, sao chép, xóa, lưu, hoàn tác), sau đó mở rộng kho phím tắt của bạn khi bạn cảm thấy thoải mái.
Để so sánh với Elementor và các trình tạo trang khác, hãy xem so sánh Elementor với Gutenberg và hướng dẫn so sánh trình tạo trang của chúng tôi. Nếu bạn đang chọn một giao diện hoạt động tốt với Gutenberg, hãy đọc hướng dẫn chọn giao diện của chúng tôi.
Các Câu Hỏi Thường Gặp
Tôi có thể vẫn sử dụng Classic Editor không?
Có. Plugin Classic Editor vẫn có sẵn và được đội ngũ WordPress duy trì. Tuy nhiên, nó chỉ nhận các bản cập nhật bảo trì — không có tính năng mới. WordPress khuyến nghị chuyển sang trình chỉnh sửa khối để truy cập các tính năng hiện đại và phát triển liên tục.
Gutenberg có hoạt động với tất cả các giao diện WordPress không?
Gutenberg hoạt động với cả giao diện cổ điển và giao diện khối. Giao diện cổ điển hỗ trợ chỉnh sửa khối trong nội dung bài viết và trang. Giao diện khối cũng hỗ trợ Chỉnh Sửa Toàn Bộ Trang cho tiêu đề, chân trang, mẫu và kiểu toàn cầu. Để có trải nghiệm FSE đầy đủ, bạn cần một giao diện khối.
Làm thế nào để tôi chuyển đổi nội dung Classic Editor sang các khối?
Khi bạn mở một bài viết Classic Editor trong Gutenberg, WordPress sẽ bọc nội dung trong một khối Classic. Bạn có thể nhấp vào "Chuyển đổi thành các khối" để biến nội dung thành các khối riêng lẻ. Hãy xem xét việc chuyển đổi sau đó, vì các bố cục phức tạp có thể cần điều chỉnh thủ công.
Các trang Gutenberg có chậm hơn các trang Classic Editor không?
Không. Gutenberg tạo ra HTML sạch sẽ so với đầu ra của Classic Editor. Trình chỉnh sửa khối không thêm bất kỳ tải trọng đáng kể nào lên frontend. Giao diện của trình chỉnh sửa (trong admin) sử dụng nhiều tài nguyên hơn so với Classic Editor, nhưng điều này không ảnh hưởng đến những gì người dùng trải nghiệm.
Tôi có thể tạo các khối tùy chỉnh mà không cần lập trình không?
Có, ở một mức độ nào đó. Bạn có thể tạo các mẫu khối tùy chỉnh bằng cách sắp xếp các khối hiện có. Đối với các khối thực sự tùy chỉnh với chức năng độc đáo, bạn cần phát triển JavaScript (React). Một số plugin cung cấp các trình tạo khối không cần mã, mặc dù chúng có những hạn chế so với các giải pháp có mã.
Các mẫu đồng bộ là gì, và chúng khác với các mẫu thông thường như thế nào?
Các mẫu đồng bộ (trước đây là Các Khối Có Thể Tái Sử Dụng) được liên kết qua tất cả các phiên bản của chúng. Chỉnh sửa một mẫu sẽ cập nhật tất cả chúng. Các mẫu thông thường là các mẫu — việc chèn một mẫu tạo ra một bản sao độc lập mà bạn có thể chỉnh sửa mà không ảnh hưởng đến các lần sử dụng khác. Sử dụng các mẫu đồng bộ cho nội dung cần nhất quán ở mọi nơi (CTA, tuyên bố). Sử dụng các mẫu thông thường cho các bố cục mà bạn muốn làm điểm khởi đầu.
Làm thế nào để tôi khắc phục sự cố với trình chỉnh sửa khối?
Các giải pháp phổ biến bao gồm: xóa bộ nhớ cache của trình duyệt, vô hiệu hóa từng plugin một để xác định xung đột, tạm thời chuyển sang một giao diện mặc định và kiểm tra bảng điều khiển phát triển của trình duyệt để tìm lỗi JavaScript. Hầu hết các vấn đề với trình chỉnh sửa khối xuất phát từ xung đột plugin hơn là các vấn đề cốt lõi.
Chỉnh Sửa Toàn Bộ Trang đã sẵn sàng cho việc sử dụng trong sản xuất chưa?
Tính đến năm 2026, Chỉnh Sửa Toàn Bộ Trang đã ổn định và sẵn sàng cho sản xuất. Bộ tính năng đã trưởng thành đáng kể với mỗi bản phát hành WordPress. Tuy nhiên, hệ sinh thái của các giao diện khối và mẫu vẫn đang phát triển. Nếu bạn cần nhiều mẫu được xây dựng sẵn, bạn có thể thấy sự lựa chọn hạn chế hơn so với các tùy chọn giao diện cổ điển.
Tìm Một Giao Diện WordPress Sẵn Sàng Khối
Duyệt qua các giao diện WordPress cao cấp được tối ưu hóa cho Gutenberg và Chỉnh Sửa Toàn Bộ Trang. Mã sạch, hiệu suất nhanh và thiết kế chuyên nghiệp.
Duyệt Giao Diện →
