Đã xác nhận, trình soạn thảo Gutenberg thực sự sẽ là trình chỉnh sửa bài viết mặc định của WordPress. TÔIai Tôi đã có thể thử nghiệm cái sau và tôi nhanh chóng nhận ra rằng nhiều người dùng sẽ không hài lòng với trình soạn thảo mới này, đó là lý do cho hướng dẫn này. Vì vậy, chúng ta sẽ cùng nhau tìm hiểu những điều cơ bản về trình soạn thảo Gutenberg và đề cập đến một số điểm nâng cao.

trước khi bắt đầu

Nếu bạn không có khả năng cài đặt phiên bản WordPress 5.0 (vẫn đang được phát triển), bạn có thể tải về Gutenberg và thử nghiệm nó trên phiên bản WordPress của bạn (Tôi đang bắt đầu lại môi trường thử nghiệm). Tuy nhiên, tôi thừa nhận là hơi ngạc nhiên khi nhìn vào xếp hạng được trao cho trình chỉnh sửa mới này, hơn một nửa số người dùng của tôi đã cho điểm đánh giá là 1/5.

xem trước gutenberg rating wordpress.jpeg

Tôi sẽ không dừng lại ở điều này và thử nghiệm để cảm nhận nó.

Bản trình bày giao diện

Để sử dụng Gutenberg, bạn phải viết một bài báo (rõ ràng là), như bạn đã làm trong quá khứ, tức là " Các bài báo> Thêm".

gutenberg presentation.jpeg

Điều tôi nhận thấy ngay từ đầu là nhà xuất bản đã tập trung rất nhiều vào việc không bị phân tâm và khai thác toàn bộ chiều rộng của trang.

phiên bản cũ wordpress.jpeg

Mặc dù chúng ta phải thừa nhận rằng có quá nhiều lề trên Gutenberg, nền trắng mà tôi nghĩ là màu ít gây mất tập trung hơn. Bạn sẽ nhận thấy rằng Gutenberg trông rất giống trình chỉnh sửa bài đăng trên Calypso (WordPress.com).

calypso editor wordpress.jpeg

Vị trí của các yếu tố

Phần sao lưu

Bố cục đã thay đổi rất nhiều. Khu vực lưu mục hiện nằm ở trên cùng. Đúng hơn, nó là phần truy cập nhanh vào nút lưu.

phần sao lưu gutenberg.jpeg

Nút có biểu tượng cài đặt cho phép bạn đóng nắp bên dưới. Các nút cho phép chúng tôi chuyển đổi giữa trình chỉnh sửa trực quan và trình soạn thảo văn bản hiện nằm trong cùng một ngăn ở ngoài cùng bên phải. Để xem trước bài viết, bạn phải nhấp vào con mắt nằm trước nút “Xuất bản…”.

kiểm soát nâng cao gutenberg.jpeg

Phần chọn ảnh nổi bật cho các chuyên mục và hiển thị bài viết nằm bên phải như thường lệ. Bạn có cần đảm bảo rằng " Tài liệu Được chọn.

danh mục phần gutenberg và hình ảnh ở first.jpeg

Khối phần

Đây là sự đổi mới mà Gutenberg mang lại. Bạn nên biết rằng bây giờ bất kỳ đoạn văn nào trên Gutenberg nên được coi là một khối. Các khối này có khả năng điều chỉnh được một cách đặc biệt, nhưng chúng cũng có thể dễ dàng di chuyển trên toàn bộ tài liệu.

Khi bạn đã đặt con trỏ vào đoạn văn của mình, để truy cập các chức năng của khối đã chọn, bạn phải nhấp vào tab khối ở bên phải.

chặn gutenberg wordpress.jpeg

Với các cài đặt này, bạn có thể ví dụ xác định màu nền chỉ áp dụng cho khối cũng như thay đổi kích thước phông chữ của khối. Tôi thấy nó khá thuận tiện.

Tùy chọn định dạng

Các định dạng sẽ xuất hiện trên mỗi khối.

định dạng tùy chọn.jpeg

Bạn cũng sẽ hiển thị các tùy chọn bố cục ở trên cùng bằng cách nhấp vào Tùy chọn Trình chỉnh sửa sau đó nhấp vào "Đặt thanh công cụ ở trên cùng".

hiển thị các tùy chọn định dạng ở trên cùng.jpeg

Cách thêm khối tùy chỉnh

Bạn không bị giới hạn trong việc sử dụng khối đoạn văn. Để thêm các khối khác, bạn phải nhấp vào biểu tượng + nằm ở trên cùng bên trái.

khối khác nhau gutenberg.jpeg

Điều này cho phép bạn truy cập các khối khác nhau có sẵn. Cũng tại vị trí này, bạn có thể truy cập các khối khác nhau được cung cấp bởi chủ đề và plugin. Bạn thậm chí sẽ có tùy chọn để lưu các khối tùy chỉnh của riêng mình. Tôi nghĩ rằng nó sẽ làm cho nó dễ dàng hơn để chỉnh sửa các bài viết tương tự.

Đó là nó cho hướng dẫn này, chúng tôi sẽ tiếp tục trong phần tiếp theo bằng cách đưa vào thực tế mọi thứ chúng tôi quan sát được trong hướng dẫn này.