- Việt Nam
English
Việt NamEnglishNhững ai đã quen thuộc với WordPress chắc hẳn đã nghe đến Blocks Editor Gutenberg. Đây là một công cụ được tích hợp sẵn trong phiên bản mới của WordPress. Nếu bạn muốn hiểu rõ Gutenberg là gì, hãy theo dõi bài viết dưới đây của CloudFly. Chúng tôi sẽ giúp bạn khám phá chi tiết về công cụ này và hướng dẫn cách cài đặt để sử dụng Blocks Editor Gutenberg WordPress hiệu quả.
Gutenberg là một trình soạn thảo nội dung trực quan được tích hợp sẵn trong WordPress. Công cụ này được giới thiệu từ phiên bản WordPress 5.0 và dùng để thay thế trình soạn thảo trước đó của hệ thống. Nó được thiết kế với mục tiêu cung cấp cho người dùng một trải nghiệm soạn thảo linh hoạt và trực quan hơn. Giúp họ tạo ra các bài viết và trang web đa dạng bằng cách sử dụng các khối nội dung khác nhau. Các khối này có thể chứa văn bản, hình ảnh, video, biểu mẫu và nhiều loại nội dung khác, giúp người dùng dễ dàng tạo và tùy chỉnh trang web của mình hơn so với trình soạn thảo trước đó của WordPress.
Gutenberg mang đến một giao diện trực quan và thuận tiện để tạo và chỉnh sửa nội dung trên WordPress. Trong quá trình này, nó sử dụng các khối (blocks) để xây dựng cấu trúc của trang, cho phép người dùng dễ dàng kéo và thả các phần tử để tạo ra trang web một cách linh hoạt.
Gutenberg giúp bạn tạo ra bố cục phức tạp thông qua việc tự do sắp xếp các khối theo ý muốn của mình. Bạn có thể thiết kế bố cục với nhiều cột, điều chỉnh kích thước và vị trí của các khối, và thậm chí tùy chỉnh từng khối riêng lẻ.
Gutenberg mang đến trải nghiệm tích hợp đa phương tiện hiệu quả, giúp bạn dễ dàng nhúng hình ảnh, video và các đối tượng đa phương tiện khác vào nội dung của mình. Bạn có thể thực hiện việc kéo và thả tệp tin trực tiếp vào trình soạn thảo hoặc tải lên từ máy tính cá nhân.
Gutenberg có thể mở rộng linh hoạt thông qua việc cài đặt các khối bổ sung. Cộng đồng WordPress đã tạo ra nhiều plugin khối bổ sung để cung cấp thêm tính năng và tùy chỉnh cho trình soạn thảo.
Tuy nhiên, trình soạn thảo Gutenberg cũng có một số hạn chế nhất định như sau:
Mặc dù vẫn tồn tại những hạn chế, nhưng Gutenberg đang được cải tiến và bổ sung nhiều tính năng mới, nâng cao trải nghiệm sử dụng. Nó vẫn được đánh giá là một công cụ hữu ích cho những cá nhân hoạt động trên nền tảng website WordPress.
Gutenberg là trình soạn thảo mặc định của WordPress từ phiên bản cập nhật 5.0 trở đi. Vì vậy, bạn chỉ cần cài đặt WordPress và có thể truy cập, sử dụng Gutenberg một cách dễ dàng. Trong trường hợp WordPress của bạn không tích hợp Blocks Editor Gutenberg, bạn có thể thực hiện cài đặt theo các bước sau:
Bước 1: Đầu tiên, bạn truy cập vào trang quản trị WordPress và chọn mục Plugin ở phía bên trái.
Bước 2: Bạn nhấn vào nút Add New, sau đó nhập từ khóa Gutenberg vào ô tìm kiếm và nhấn Enter.
Bước 3: Trong kết quả hiển thị, bạn tìm và chọn plugin Gutenberg.
Bước 4: Tiếp theo, bạn nhấp vào Install Now rồi nhấn Active Plugin để cài đặt.
Bây giờ, bạn đã sẵn sàng sử dụng Blocks Editor Gutenberg để tạo và chỉnh sửa bài viết trên trang web WordPress của mình.
Khối đầu tiên trên mỗi trang hoặc bài viết thường là tiêu đề. Để thêm khối mới, bạn hãy thực hiện theo các bước sau:
Bước 1: Bạn nhấp vào biểu tượng Block Inserter trên thanh công cụ ở đỉnh trang.
Bước 2: Bạn chọn loại khối bạn muốn sử dụng.
Bước 3: Để thêm nhiều khối khác, chỉ cần nhấp vào biểu tượng "+" thêm. Lưu ý rằng mỗi khi bạn nhấn Enter, trình soạn thảo khối của WordPress sẽ tự động thêm một khối đoạn văn mới.
Để tùy chỉnh các khối bên trong trình soạn thảo khối WordPress, bạn có thể thực hiện các bước sau:
Bước 1: Bạn nhấp vào biểu tượng "+" trên thanh công cụ ở đầu trang để mở giao diện Block Inserter.
Bước 2: Bạn chọn một khối, ví dụ như Buttons.
Bước 3: Khi button được thêm vào, cài đặt khối sẽ xuất hiện. Ngoài ra, bạn có thể nhấp vào Cài đặt ở góc trên cùng bên phải của trình soạn thảo để mở bảng điều khiển Sidebar.
Bước 4: Ở đó, bạn sẽ tìm thấy phần Advanced để thêm Liên kết rel, HTML anchor và (các) lớp CSS bổ sung.
Bước 5: Bạn có thể điều chỉnh giao diện của button trong tab Styles. Và thay đổi Fill hoặc Outline trong phần Color. Ngoài ra, bạn cũng có thể điều chỉnh bảng màu của văn bản và nền của button.
Bước 6: Trong phần cài đặt Border, bạn có thể điều chỉnh đường viền của nút bằng cách di chuyển và kéo dấu chấm.
Các tiêu đề định rõ mức độ quan trọng của nội dung và cách các ý nhỏ được kết nối với nhau.
Bước 1: Bạn nhấp vào biểu tượng "+" trên thanh công cụ ở đầu trang.
Bước 2: Danh sách các khối WordPress sẵn có sẽ xuất hiện, bạn hãy chọn mục Heading (Tiêu đề).
Bước 3: Bạn có thể tùy chỉnh giao diện của tiêu đề bằng thanh công cụ khối.
Bước 4: Để thêm các thành phần văn bản khác, bạn hãy chọn một tùy chọn từ phần Text trong danh sách các khối có sẵn. Chúng ta sẽ chọn Paragraph (Đoạn văn).
Trình soạn thảo khối cung cấp hai phương tiện để tích hợp hình ảnh và media vào trang web của bạn, thông qua Block Inserter hoặc biểu tượng "+" trong giao diện nội dung.
Bước 1: Bạn nhấp vào nút Block Inserter trên thanh công cụ ở đỉnh trang.
Bước 2: Danh sách các khối sẵn có sẽ xuất hiện, và chúng ta có thể chọn khối Image.
Bước 3: Ba tùy chọn tải lên sẽ xuất hiện: Upload (tải lên từ máy tính), Media Library (tải từ thư viện) và chèn từ URL.
Bước 4: Bạn có thể điều chỉnh hình ảnh bằng cách sử dụng bảng điều khiển Settings Sidebar ở phía bên phải của trình soạn thảo.
Gutenberg mang đến hai cách để sắp xếp lại các khối thông qua thanh công cụ nổi.
Cách 1: Biểu tượng sáu dấu chấm cho phép bạn chọn nhiều khối và kéo thả chúng vào vị trí mong muốn.
Cách 2: Mũi tên lên và xuống cho phép bạn di chuyển một khối lên hoặc xuống.
Khi bạn muốn nhúng nội dung từ các nền tảng khác, trình soạn thảo khối của WordPress sẽ cung cấp một phần dành riêng để nhúng tệp phương tiện và có nhiều nguồn lựa chọn.
Bước 1: Bạn nhấp vào biểu tượng "+" trên thanh công cụ.
Bước 2: Sau đó, bạn cuộn xuống để tìm phần Embeds (Nhúng).
Hy vọng những thông tin trên đã giúp bạn hiểu rõ Gutenberg là gì và cách cài đặt, sử dụng Blocks Editor Gutenberg WordPress. Nếu bạn còn thắc mắc hay muốn thuê dịch vụ máy chủ ảo Cloud Server chất lượng, hãy liên hệ ngay với CloudFly để được tư vấn và hỗ trợ chi tiết. Đội ngũ nhân viên có chuyên môn cao của chúng tôi luôn sẵn sàng giải đáp mọi vấn đề của bạn bất cứ lúc nào.
THÔNG TIN LIÊN HỆ:
>>> Xem thêm:
