- Giao diện tổng quan
- Thêm bài viết mới
Bước 1: Nhập tiêu đề cho bài viết
Bước 2: Đường dẫn tĩnh của bài viết
Bước 3: Chọn chuyên mục cha cho bài viết
Bước 4: Chọn ảnh đại diện cho bài viết
Bước 5: Nhập nội dung cho bài viết
a.Nhập tiêu đề nhỏ cho bài viết
b. Nhập đoạn văn
c. Thêm hình ảnh cho bài viết
d. Thêm danh sách
e. Thêm trích dẫn
f. Chia cột
g. Chèn đường liên kết
Gutenberg đem đến một giao diện hoàn toàn khác so với trình tạo trang Classic Editor trước đó:
1. Giao diện tổng quan
(1) Đây là tiêu đề chính của bài viết
(2) Đây là khung soạn thảo bài viết, bao gồm những tính năng cơ bản như: Thêm tiêu đề con, đoạn văn, hình ảnh, danh sách, trích dẫn, cột, chèn đường liên kết…
(3) Đây là khung đường dẫn tĩnh, thông thường đường dẫn tĩnh sẽ tự tạo khi nhập tiêu đề bài viết
(4) Đây là phần lựa chọn chuyên mục cho bài viết, hoặc để tạo chuyên mục mới. Chọn chuyên mục nào thì đánh dấu tích vào chuyên mục đó. Còn để thêm chuyên mục mới thì bạn nhấn vào nút Thêm chuyên mục
(5) Đây là phần chọn ảnh đại diện cho bài viết, ảnh này sẽ hiển thị bên ngoài danh sách bài viết trên website
2. Thêm mới bài viết:
Để Thêm mới bài viết ở giao diện Gutenberg ta thao tác các bước sau:
- Bước 1: Nhập tiêu đề cho bài viết ( Heading 1)
Ví dụ minh họa: Đây là tiêu đề bài viết thị ngoài trang chủ
- Bước 2: Đường dẫn tĩnh của bài viết:
Thông thường đường dẫn sẽ tự động tạo khai nhập tiêu đề bài viết
Đây là ví dụ minh họa về đường dẫn tĩnh hiển thị ngoài trang chủ
- Bước 3: Chọn chuyên mục cha cho bài viết
Nếu nó là chuyên mục cha thì để trống. Có thể thêm một chuyên mục mới bằng cách nhấn vào thêm mới chuyên mục
Đây là ví dụ về phần chuyên mục bài viết ngoài trang chủ
- Bước 4: Chọn ảnh đại diện cho bài viết
Ảnh này sẽ hiển thị bên ngoài danh sách bài viết trên website.
Chọn Hình ảnh đã có sẵn trên tab Media hoặc tải File từ máy tính của bạn.
Ví dụ minh họa về ảnh đại diện hiển thị ngoài trang chủ
- Bước 5: Nhập nội dung cho bài viết
a.Nhập tiêu đề nhỏ cho bài viết
Hình minh họa dưới đây là tiêu đề nhỏ của bài viết hiển thị ngoài trang chủ
Để tạo tiêu đề nhỏ cho bài viết ta thao tác như sau
Click chuột vào phần nội dung bài viết, sau đó nhấn vào Dấu cộng (+) chọn Tiêu đề
Hãy thêm một Heading để chia nhỏ nội dung bài viết của bạn. Đừng quên chọn thẻ Heading cho phù hợp, ở đây mình chọn Heading 2, nếu nội dung nhỏ hơn bạn có thể chọn Heading H3,H4, H5…. sau đó nhập nội dung cho tiêu đề nhỏ.
Nhấn vào Dấu 3 chấm sau đó chọn Xem thêm các cài đặt khác để hiển thị phần cài đặt nâng cao như : màu sắc, kiểu chữ, kích cỡ và giao diện của tiêu đề).
b.Nhập đoạn văn
Click chuột vào phần nội dung bài viết, sau đó nhấn vào Dấu cộng (+) chọn Văn bản.
Chúng ta có thể tùy ý thao tác chỉnh sửa văn bản như: căn lề, in đậm, in nghiêng, chèn link… ngoài ra để thêm các tùy chỉnh nâng cao ta nhấp vào Dấu 3 chấm bạn sẽ có nhiều tính năng hơn như : Màu sắc, kiểu chữ, kích cỡ, giao diện… của đoạn văn.
c. Thêm hình ảnh cho bài viết
Click chuột vào phần nội dung bài viết, sau đó nhấn vào Dấu cộng (+) chọn ảnh.
Nhấn vào Tải lên để thêm ảnh từ máy tính của bạn hoặc Media để chọn hình ảnh có sẵn trong thư viện, hoặc dán URL hình ảnh cần chèn.
Tiếp tục bạn có thể tùy chỉnh cơ bản như: Căn lề trên thanh công cụ hoặc sử dụng tab block nâng cao để chọn Phong cách hiển thị hình ảnh, Tùy chỉnh kích thước ảnh, Đổi màu cho hình ảnh. Ngoài ra có thể thêm chú thích cho ảnh.
Ví dụ hình ảnh dưới đây đang được căn giữa và có kích thước là 100%
Thêm chữ đè lên ảnh :
Có thể thêm nội dung bên cạnh hình ảnh để bài viết sinh động hơn, ta làm theo hình ảnh hướng dẫn dưới đây:
d. Thêm danh sách
Click chuột vào phần nội dung bài viết, sau đó nhấn vào Dấu cộng (+) chọn Danh sách.
Chúng ta cũng có thể tùy chỉnh định dạng Danh sách bằng thanh công cụ như: Chọn kiểu hiển thị danh sách, in đậm, in nghiêng, chèn đường liên kết…
e.Thêm trích dẫn
Click chuột vào phần nội dung bài viết, sau đó nhấn vào Dấu cộng (+) chọn Trích dẫn
Nhập nội dung và chú thích của phần trích dẫn
f. Chia cột
Được biết đến là dạng trình bày phổ biến để tạo ra các dạng bố cục mới lạ.
Tiếp tục chọn loại bố cục mong muốn(1 cột, 2 chột chia đều, 2 cột chia: 1 phần 3, 2 phần 3, 3 cột chia đều…).
Tiếp theo nhấn vào nút Dấu cộng (+) để thêm nội dung nhỏ hơn vào cột, ví dụ: Hình ảnh, văn bản, danh sách,….
g. Chèn đường liên kết
Để tạo đường liên kết, bôi đen chữ mà bạn muốn chèn Link, sau đó nhấn vào biểu tượng Chèn link như mô tả dưới đây.
Khi bạn nhấp vào biểu tượng chèn link, sau đó bạn chỉ cần nhập URL muốn chèn là được, ô này sẽ giống một thanh Google search.
Sau khi hoàn tất các bước trên, bấm vào Đăng để hoàn tất thêm mới bài viết.
