Hướng dẫn thêm block ảnh trong Gutenberg

WordPress 5.0 đã có Gutenberg

Block ảnh là một trong những block cơ bản được Gutenberg thêm vào từ đầu giai đoạn phát triển. WPHub hướng dẫn bạn cách thêm block này vào để tránh các lỗi cơ bản.


Block ảnh và những thiết lập quan trọng

Block ảnh hiển thị trong Gutenberg
Block ảnh hiển thị trong Gutenberg

Chú thích

Phần này cho phép bạn thêm Caption cho ảnh, tương tự như chú thích bình thường trong WordPress các phiên bản trước. Phần này là không bắt buộc nhé.

Thiết lập Alt text (Chữ thay thế)

Đây là thiết lập quan trọng vì trên một số thiết bị về mặt người dùng ảnh có thể không hiện (do bị chặn hoặc không đọc), nên cần Alt text để thay thế. Nó cũng ảnh hưởng nhiều tới kết quả SEO nếu bạn có ảnh với thẻ “alt” trống.

Thêm alt trong ảnh là quan trọng và không nên bỏ qua
Thêm alt trong ảnh là quan trọng và không nên bỏ qua

Kích thước hình ảnh

Cái này rất quan trọng nhé, vì Gutenberg nếu thấy ảnh quá lớn sẽ tự động chuyển vào kích thước nhỏ hơn. Nếu bạn cần ảnh lớn nhất thì nên chủ động đổi lại.

Đổi kích thước trong block ảnh của Gutenberg
Đổi kích thước trong block ảnh của Gutenberg

Cài đặt liên kết trong ảnh

Đây cũng là tùy chọn không bắt buộc (và cũng không nên lắm). Trong ảnh thì bạn có thể gắn liên kết để người dùng nhấp vào ảnh thì sẽ chuyển tới địa chỉ web khác.

Thêm block nhanh

Một mẹo thú vị khi bạn muốn thêm bất cứ block nào khác là gõ / ở ngay đầu tiên của block rỗng vừa tạo và nhập “/ảnh” chẳng hạn, sau đó gõ “Enter” là block ảnh sẽ hiện ra để bạn thêm ảnh.

Hướng dẫn thêm block nhanh trong Gutenberg
Hướng dẫn thêm block nhanh trong Gutenberg
avatar
  Theo dõi  
Notify of