Trình soạn thảo Gutenberg là một bước tiến lớn trong việc tạo và quản lý nội dung trên nền tảng WordPress. Với giao diện trực quan, dễ sử dụng, Gutenberg giúp người dùng, kể cả những người chưa có kinh nghiệm, dễ dàng tạo ra các bài viết đẹp mắt và chuyên nghiệp. Bài viết này sẽ hướng dẫn bạn từng bước sử dụng trình soạn thảo Gutenberg, từ những thao tác cơ bản đến các tính năng nâng cao, giúp bạn tự tin chinh phục công cụ mạnh mẽ này. Chúng tôi sẽ đi sâu vào từng khía cạnh, cung cấp những ví dụ cụ thể và lời khuyên hữu ích để bạn có thể tối đa hóa hiệu quả làm việc.
Hướng dẫn sử dụng trình soạn thảo Gutenberg cho người mới
➡️ Xem thêm: Phân biệt Bài viết (Post) và Trang (Page) trong WordPress
Khởi đầu với Gutenberg: Giao diện và các thành phần chính
Khi bạn tạo một bài viết mới hoặc chỉnh sửa bài viết hiện có trên WordPress, bạn sẽ được chào đón bởi giao diện của Gutenberg. Giao diện này được thiết kế đơn giản và trực quan, giúp người dùng dễ dàng định dạng và sắp xếp nội dung. Phần chính của giao diện bao gồm:
– Khu vực soạn thảo: Đây là nơi bạn nhập và định dạng văn bản.
– Thanh công cụ: Cung cấp các tùy chọn định dạng văn bản, như kiểu chữ, cỡ chữ, màu sắc, căn chỉnh…
– Cửa sổ chèn khối: Cho phép bạn chèn các khối nội dung khác nhau như hình ảnh, video, tiêu đề, danh sách…
– Thanh bên (Sidebar): Hiện thị các tùy chọn bổ sung, tùy thuộc vào khối bạn đang sử dụng.
Làm quen với các khối trong Gutenberg
Gutenberg hoạt động dựa trên hệ thống khối (block). Mỗi khối đại diện cho một phần tử nội dung cụ thể. Để thêm một khối, bạn chỉ cần click vào dấu “+” và chọn khối phù hợp. Dưới đây là một số khối phổ biến:
– Khối Paragaph: Sử dụng để viết văn bản thông thường.
– Khối Heading: Sử dụng để tạo tiêu đề (h1, h2, h3…).
– Khối Image: Cho phép bạn chèn hình ảnh vào bài viết.
– Khối Gallery: Cho phép bạn tạo một bộ sưu tập ảnh.
– Khối Video: Cho phép bạn nhúng video từ YouTube, Vimeo…
– Khối List: Cho phép bạn tạo danh sách có dấu đầu dòng hoặc đánh số.
– Khối Button: Tạo ra các nút bấm.
– Khối Quote: Tạo ra đoạn trích dẫn.
– Khối Code: Cho phép bạn hiển thị đoạn mã nguồn. Bạn có thể sử dụng tùy chọn syntax highlighting để làm nổi bật cú pháp của mã nguồn. Ví dụ:
1 2 3 | function myFunction() { console.log("Hello, world!"); } |
➡️ Xem thêm: Hướng dẫn cài đặt WordPress trên các nhà cung cấp hosting phổ biến (Hostinger, AZDIGI…)
Định dạng văn bản và sử dụng các thuộc tính khối
Sau khi chèn khối, bạn có thể định dạng văn bản và tùy chỉnh các thuộc tính của khối đó. Các tùy chọn định dạng bao gồm:
– Kiểu chữ, cỡ chữ, màu sắc, căn chỉnh văn bản.
– Thêm liên kết, thay đổi màu sắc liên kết.
– Sử dụng định dạng văn bản như in nghiêng, in đậm (mặc dù bài viết này không được phép sử dụng in đậm).
Mỗi khối có các thuộc tính riêng, bạn có thể truy cập bằng cách click vào biểu tượng ở góc trên bên phải của khối. Ví dụ, với khối hình ảnh, bạn có thể thay đổi kích thước, thêm tiêu đề thay thế (alt text), và căn chỉnh hình ảnh.
Làm việc với nhiều khối và sắp xếp bố cục
Gutenberg cho phép bạn thêm nhiều khối vào bài viết và sắp xếp chúng theo ý muốn. Bạn có thể kéo thả khối để thay đổi thứ tự, hoặc sử dụng các tùy chọn căn chỉnh để điều chỉnh bố cục. Bạn nên chú ý đến việc sử dụng các khối phù hợp để tạo nên một bố cục bài viết logic và dễ đọc.
Sử dụng các khối nâng cao
Ngoài các khối cơ bản, Gutenberg còn cung cấp nhiều khối nâng cao khác, giúp bạn tạo ra các nội dung phức tạp hơn. Một số khối nâng cao phổ biến bao gồm:
– Khối Columns: Cho phép bạn chia nội dung thành nhiều cột.
– Khối Cover: Tạo ra một ảnh nền toàn màn hình.
– Khối Separator: Thêm một đường kẻ phân cách giữa các phần nội dung.
– Khối Button Group: Tạo nhóm các nút bấm.
Tối ưu hóa hình ảnh trong Gutenberg
Hình ảnh là một phần quan trọng của bài viết. Để tối ưu hóa hình ảnh trong Gutenberg, bạn nên:
– Chọn kích thước hình ảnh phù hợp với bố cục.
– Sử dụng hình ảnh có chất lượng cao nhưng dung lượng nhỏ.
– Thêm tiêu đề thay thế (alt text) cho hình ảnh để cải thiện SEO.
Lưu bài viết và xem trước
Sau khi hoàn tất việc viết bài, bạn có thể lưu bài viết bằng cách nhấn nút “Lưu bản nháp” hoặc “Xuất bản”. Trước khi xuất bản, bạn nên xem trước bài viết để kiểm tra xem nội dung đã được hiển thị đúng như mong muốn chưa.
Khắc phục sự cố thường gặp
– **Khối không hiển thị đúng:** Kiểm tra xem bạn đã cài đặt đúng các plugin cần thiết hay chưa. Cập nhật WordPress và các plugin lên phiên bản mới nhất.
– **Lỗi định dạng:** Kiểm tra lại mã nguồn HTML của bài viết.
– **Khó khăn khi sử dụng tính năng:** Tham khảo tài liệu hướng dẫn hoặc tìm kiếm trên internet.
Tích hợp với các plugin
Gutenberg có thể được mở rộng chức năng bằng cách sử dụng các plugin. Nhiều plugin cung cấp thêm các khối mới, tính năng mới và khả năng tùy chỉnh cao hơn.
Mẹo nhỏ giúp bạn sử dụng Gutenberg hiệu quả hơn
– Thường xuyên sao lưu bài viết để tránh mất dữ liệu.
– Sử dụng các phím tắt để tăng tốc độ làm việc.
– Tham gia vào cộng đồng WordPress để học hỏi kinh nghiệm từ những người dùng khác.
Hi vọng hướng dẫn này đã giúp bạn hiểu rõ hơn về cách sử dụng trình soạn thảo Gutenberg. Với sự hỗ trợ của Gutenberg, việc tạo ra các bài viết WordPress chất lượng và chuyên nghiệp trở nên dễ dàng hơn bao giờ hết.
