Cách Chèn Hình ảnh Vào WordPress [các SAI LẦM Phải Tránh]

Có thể bạn quan tâm

Hôm nay, Khánh sẽ hướng dẫn bạn cách chèn hình ảnh vào WordPress sao cho chuẩn chỉnh mà không phải ai cũng biết đâu nhé!

Về mặt thao tác thì không có gì khó cả, nhưng mình cũng sẽ hướng dẫn chi tiết luôn.

Tuy nhiên cách làm mới đáng quan tâm, nếu bạn làm sai sẽ gây hậu quả không nhỏ.

Nhẹ thì hình nhìn mờ xấu, nặng hơn thì web load chậm, nặng nữa thì gây full hosting và hại đến SEO web.

Ngoài việc chèn hình vào bài viết, Khánh cũng sẽ hướng dẫn cách chèn hình vào những chỗ “hiểm” thường ít người nhắc tới như header, sidebar và footer.

Tuyệt chiêu xử lý hình ảnh trước khi chèn vào website

Phần này là phần quan trọng nhất mà ai cũng bỏ qua là sao?

Tối ưu dung lượng file ảnh

Hình ảnh thường chiếm dung lượng lớn nhất trong một bài viết, và là nguyên nhân chính dẫn đến web load chậm.

Do đó phải giảm dung lượng ảnh nhỏ nhất có thể để tăng tốc độ load và giảm dung lượng cho hosting.

Đầu tiên cần resize ảnh về kích thước phù hợp, trang web thường rộng max là 800-1000px, do đó các ảnh rộng hơn thì nhớ rezise hoặc crop nhé.

Sau đó sẽ nén hình để giảm 50-80% dung lượng nữa.

Mình hay dùng công cụ iloveimg.com để resize, crop và nén vừa dễ dùng vừa bảo đảm chất lượng ảnh.

Đặt tên file ảnh

Đừng có làm biếng để file ảnh radom như kiểu m123mfdssd.jpg.

Thay vào đó nên đặt file ảnh là cach-chen-anh-vao-bai-viet.jpg.

Tên file ảnh là một nơi để chèn từ khóa cho SEO, nên hãy tận dụng nó.

Chọn định dạng file ảnh

Vậy cho dễ nhớ nè!

Nếu hình ảnh có chứa chữ hoặc nền trong suốt thì để file .png để đảm bảo độ nét.

Các dạng hình ảnh còn lại thì để dạng .jpg hoặc .webp.

Cách chèn ảnh vào bài viết WordPress

Có hai loại ảnh cần chèn khi đăng bài trên website WordPress: ảnh trong thân bài viết và ảnh đại diện (featured image).

Để thêm ảnh vào bài, bạn nhấp vào dấu + sau đó chọn block tên Image.

Sau đó, bạn tải ảnh trực tiếp lên từ máy tính hoặc chọn trong thư viện có sẵn trên website.

Sau đó bạn click vào hình ảnh mới chèn sẽ hiện thanh công cụ cho phép edit hình hoặc nhập các thông tin bổ sung như:

Căn hình (trái, phải, giữa)
Crop hình
Chèn link cho hình
Thêm caption

Một điểm cực kỳ quan trọng đối với hình ảnh đó là Alt Text (chữ thay thế).

Khi bấm vào hình chú ý bên tay phải bạn sẽ thấy ô text như mình nói ở trên, thông tin này giúp cho Google hiểu về nội dung của bức hình.

Do đó không nên bỏ trống, thay vào đó chèn từ khóa hoặc viết mô tả phù hợp với hình ảnh sẽ giúp SEo tốt hơn.

Để thêm ảnh đại diện, bạn nhìn vào cột bên phải, trong mục Featured Image chọn Set featured Image.

Bạn chọn ảnh tương tự như trên.

Cách chèn ảnh vào sidebar WordPress

Sidebar hiểu đơn giản là hai cột bên trái và phải website, hiển thị nội dung bổ sung như tên tác giả, khuyến mãi, chuyên mục…

Cách dễ nhất để thêm hình ảnh vào sidebar WordPress là sử dụng tiện ích image widget.

Bạn vào Appearance >> Widgets ở thanh menu quản trị, sau đó tìm mục Image.

cách thêm hình ảnh vào sidebar wordpress

Nếu trong Appearance không có, bạn kiểm tra xem theme đang dùng có tiện ích Widgets không.

Sau đó, bạn nhấp vào Image >> Blog Sidebar >> Add Widget.

Ở cột Blog Sidebar bên cạnh, bạn thêm tiêu đề vào mục Image, sau đó nhấp Add Image.

Bạn tải ảnh trực tiếp từ máy tính hoặc chọn trong thư viện ảnh. Sau đó, bạn có thể chỉnh sửa hoặc chèn thêm link vào ảnh tùy thích.

Cuối cùng, bạn nhấp nút Save.

Kết quả, bạn truy cập trang chủ website là sẽ thấy hình ảnh hiển thị ở sidebar.

Cách chèn ảnh vào Header WordPress

Header là phần ở đầu trang, nơi đập vào mắt độc giả đầu tiên khi họ truy cập vào website.

Để thêm ảnh vào header, bạn vào Appearance >> Header ở thanh menu quản trị.

Bạn sẽ được chuyển hướng đến trang quản lý hình ảnh ở Header. Bạn nhấp Add New Image.

Sau đó chọn ảnh từ máy tính hoặc ảnh có sẵn trong thư viện rồi nhấp Selcet and Crop.

Bạn chọn Skip Cropping hay Crop Image đều được.

Bạn sẽ được xem trước blog đã chèn ảnh trên header WordPress như thế nào.

Ngoài ra, nếu bạn muốn thêm nhiều ảnh vào header và để ảnh chạy tự động, bạn tiếp tục nhấp vào Add new image để thêm số lượng ảnh tùy thích. Sau đó nhấp vào nút “Randomize Uploaded headers”.