Hướng Dẫn Sử Dụng Gutenberg: Trình Chỉnh Sửa Hiện Đại Cho WordPress
Gutenberg là trình chỉnh sửa khối (block editor) mới được giới thiệu trong WordPress, thay thế cho trình chỉnh sửa cổ điển (Classic Editor) quen thuộc. Gutenberg mang đến một cách tiếp cận trực quan và linh hoạt hơn để tạo nội dung trên trang web của bạn. Thay vì viết nội dung trực tiếp vào một ô duy nhất, bạn sẽ xây dựng trang của mình bằng cách sử dụng các “khối” (blocks) khác nhau cho từng loại nội dung, như văn bản, hình ảnh, video, tiêu đề, nút và nhiều hơn nữa. Bài viết này sẽ hướng dẫn bạn cách sử dụng Gutenberg một cách hiệu quả để tạo ra những trang web ấn tượng.
Làm Quen Với Giao Diện Gutenberg
Khi bạn mở một bài viết hoặc trang mới trong WordPress, bạn sẽ được chào đón bởi giao diện của Gutenberg. Dưới đây là một số thành phần chính của giao diện này:
- Khu vực nội dung chính: Đây là nơi bạn sẽ thêm và chỉnh sửa các khối nội dung.
- Thanh công cụ khối: Khi bạn chọn một khối, thanh công cụ này sẽ xuất hiện ở phía trên khối, cung cấp các tùy chọn chỉnh sửa cụ thể cho khối đó.
- Thanh bên (Sidebar): Thanh bên nằm ở phía bên phải của màn hình. Nó chứa hai tab chính: “Bài viết” (Post) hoặc “Trang” (Page) và “Khối” (Block). Tab “Bài viết/Trang” cho phép bạn điều chỉnh các cài đặt chung cho bài viết hoặc trang, chẳng hạn như trạng thái (nháp, đã xuất bản), danh mục, thẻ, hình ảnh đại diện, và đường dẫn tĩnh (permalink). Tab “Khối” cho phép bạn tùy chỉnh các cài đặt chi tiết cho khối đã chọn.
- Thanh công cụ trên cùng: Thanh công cụ này cung cấp các chức năng chung, chẳng hạn như thêm khối mới, hoàn tác/làm lại, lưu nháp, xem trước, xuất bản, và cài đặt chung.
Thêm Khối (Blocks) Vào Trang Của Bạn
Việc thêm các khối là nền tảng của việc sử dụng Gutenberg. Có nhiều cách để thêm một khối mới:
- Nhấn vào biểu tượng dấu cộng (+) trong khu vực nội dung: Biểu tượng dấu cộng xuất hiện khi bạn di chuột giữa các khối hiện có hoặc ở cuối trang. Nhấn vào biểu tượng này sẽ mở ra trình duyệt khối (block browser).
- Sử dụng trình duyệt khối ở thanh công cụ trên cùng: Biểu tượng dấu cộng ở thanh công cụ trên cùng cũng mở trình duyệt khối.
- Gõ dấu gạch chéo (/) trong khu vực nội dung: Khi bạn gõ dấu gạch chéo, một danh sách các khối phổ biến sẽ xuất hiện, cho phép bạn nhanh chóng chọn khối bạn muốn. Bạn cũng có thể bắt đầu gõ tên khối sau dấu gạch chéo để lọc danh sách.
Trình duyệt khối hiển thị tất cả các khối có sẵn, được sắp xếp theo danh mục (ví dụ: Văn bản, Phương tiện, Thiết kế, Widget, Chủ đề). Bạn có thể tìm kiếm khối bằng tên hoặc duyệt qua các danh mục để khám phá những khối mới.
Các Khối Cơ Bản Quan Trọng
Dưới đây là một số khối cơ bản mà bạn sẽ sử dụng thường xuyên:
- Đoạn văn (Paragraph): Khối này dùng để viết văn bản thông thường. Bạn có thể định dạng văn bản bằng cách sử dụng thanh công cụ khối, bao gồm in đậm, in nghiêng, gạch chân, liên kết, và màu sắc.
- Tiêu đề (Heading): Khối này dùng để tạo tiêu đề cho các phần khác nhau của trang. Bạn có thể chọn kích thước tiêu đề (H1 đến H6) từ thanh công cụ khối.
- Hình ảnh (Image): Khối này dùng để thêm hình ảnh vào trang. Bạn có thể tải lên hình ảnh từ máy tính của bạn, chọn hình ảnh từ thư viện media, hoặc chèn hình ảnh từ URL.
- Video (Video): Khối này dùng để nhúng video vào trang. Bạn có thể tải lên video từ máy tính của bạn, chọn video từ thư viện media, hoặc nhúng video từ YouTube hoặc Vimeo.
- Danh sách (List): Khối này dùng để tạo danh sách có thứ tự (numbered list) hoặc danh sách không có thứ tự (bulleted list).
- Báo giá (Quote): Khối này dùng để hiển thị một đoạn trích dẫn nổi bật.
- Nút (Button): Khối này dùng để tạo các nút kêu gọi hành động (call-to-action).
- Cột (Columns): Khối này cho phép bạn chia trang thành nhiều cột, tạo bố cục phức tạp hơn.
Chỉnh Sửa Khối (Block Editing)
Khi bạn chọn một khối, thanh công cụ khối sẽ xuất hiện phía trên khối. Thanh công cụ này cung cấp các tùy chọn chỉnh sửa cụ thể cho khối đó. Ví dụ:
- Đối với khối Đoạn văn: Bạn có thể thay đổi căn lề, in đậm, in nghiêng, chèn liên kết, thay đổi màu sắc văn bản và màu nền.
- Đối với khối Hình ảnh: Bạn có thể thay đổi kích thước hình ảnh, thêm chú thích, thêm liên kết, và thay đổi căn lề.
- Đối với khối Tiêu đề: Bạn có thể thay đổi kích thước tiêu đề (H1-H6) và căn lề.
Ngoài thanh công cụ khối, bạn cũng có thể tìm thấy các tùy chọn chỉnh sửa khác trong tab “Khối” của thanh bên. Các tùy chọn này thường bao gồm các cài đặt nâng cao hơn, chẳng hạn như kích thước phông chữ, khoảng cách dòng, màu sắc và kiểu dáng.
Sắp Xếp Và Di Chuyển Khối (Rearranging Blocks)
Gutenberg cho phép bạn dễ dàng sắp xếp và di chuyển các khối để tạo bố cục trang mong muốn. Có hai cách chính để di chuyển khối:
- Sử dụng các mũi tên lên/xuống trên thanh công cụ khối: Các mũi tên này cho phép bạn di chuyển khối lên hoặc xuống một vị trí trong trang.
- Kéo và thả: Bạn có thể nhấp và giữ vào biểu tượng “6 dấu chấm” trên thanh công cụ khối, sau đó kéo khối đến vị trí mong muốn.
Khi bạn kéo và thả một khối, Gutenberg sẽ hiển thị một đường màu xanh lam để cho biết vị trí khối sẽ được chèn vào.
Sử Dụng Các Khối Có Thể Tái Sử Dụng (Reusable Blocks)
Một tính năng mạnh mẽ của Gutenberg là khả năng tạo ra các khối có thể tái sử dụng. Điều này rất hữu ích nếu bạn có những đoạn nội dung, nút kêu gọi hành động, hoặc thiết kế mà bạn muốn sử dụng lại trên nhiều trang hoặc bài viết. Để tạo một khối có thể tái sử dụng:
- Chọn khối bạn muốn tạo thành khối có thể tái sử dụng.
- Nhấp vào biểu tượng “ba dấu chấm” (tùy chọn khác) trên thanh công cụ khối.
- Chọn “Thêm vào khối có thể tái sử dụng” (Add to Reusable blocks).
- Đặt tên cho khối có thể tái sử dụng của bạn.
- Nhấp vào “Lưu” (Save).
Sau khi bạn đã tạo một khối có thể tái sử dụng, bạn có thể chèn nó vào bất kỳ trang hoặc bài viết nào bằng cách tìm kiếm nó trong trình duyệt khối. Khi bạn chỉnh sửa một khối có thể tái sử dụng, tất cả các phiên bản của khối đó sẽ được cập nhật trên toàn bộ trang web của bạn. Bạn có tùy chọn để chuyển đổi khối tái sử dụng thành một khối thông thường để chỉ chỉnh sửa phiên bản đó mà không ảnh hưởng đến các phiên bản khác.
Làm Việc Với Các Khối Nhúng (Embed Blocks)
Gutenberg cung cấp một loạt các khối nhúng để dễ dàng chèn nội dung từ các trang web khác, chẳng hạn như YouTube, Vimeo, Twitter, Instagram, SoundCloud, Spotify, và nhiều hơn nữa. Để nhúng nội dung, chỉ cần chọn khối nhúng tương ứng và dán URL vào trường được cung cấp. Gutenberg sẽ tự động xử lý việc nhúng nội dung cho bạn.
Mẹo Và Thủ Thuật Sử Dụng Gutenberg Hiệu Quả Hơn
- Sử dụng các phím tắt: Gutenberg hỗ trợ nhiều phím tắt để giúp bạn làm việc nhanh hơn. Ví dụ, bạn có thể sử dụng Ctrl+K (hoặc Cmd+K trên Mac) để chèn liên kết, Ctrl+B (hoặc Cmd+B) để in đậm, và Ctrl+I (hoặc Cmd+I) để in nghiêng.
- Xem trước trang của bạn thường xuyên: Trước khi xuất bản trang của bạn, hãy xem trước nó để đảm bảo rằng nó hiển thị chính xác trên các thiết bị khác nhau.
- Khám phá các plugin Gutenberg: Có rất nhiều plugin WordPress cung cấp các khối Gutenberg bổ sung, mở rộng khả năng của trình chỉnh sửa. Hãy tìm kiếm các plugin phù hợp với nhu cầu của bạn.
- Tập trung vào bố cục rõ ràng và dễ đọc: Sử dụng các tiêu đề, đoạn văn ngắn và hình ảnh để chia nhỏ nội dung của bạn và làm cho nó dễ đọc hơn.
- Thử nghiệm và khám phá: Gutenberg là một công cụ mạnh mẽ, vì vậy đừng ngại thử nghiệm và khám phá các tính năng khác nhau của nó.
Kết Luận
Gutenberg là một trình chỉnh sửa mạnh mẽ và linh hoạt, cho phép bạn tạo ra những trang web ấn tượng một cách dễ dàng. Bằng cách làm quen với giao diện, học cách sử dụng các khối cơ bản, và khám phá các tính năng nâng cao, bạn có thể tận dụng tối đa tiềm năng của Gutenberg và tạo ra những trang web chuyên nghiệp và hấp dẫn. Hãy bắt đầu khám phá và xây dựng những nội dung tuyệt vời với Gutenberg ngay hôm nay!
