Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024

Các lỗi hình ảnh phổ biến trong WordPress có thể gây ra những vấn đề không mong muốn cho trang web. Tuy nhiên đừng quá lo lắng, sửa các lỗi này rất dễ dàng với một số thao tác đơn giản. Trong bài viết này, Vietnix sẽ hướng dẫn bạn cách sửa các lỗi hình ảnh phổ biến trong WordPress bằng các cách đơn giản, dễ thực hiện.

Các cách sửa các lỗi hình ảnh phổ biến trong WordPress

1. Cách tải hình ảnh lên trong WordPress

WordPress làm cho việc tải lên hình ảnh lên bài viết, trang và các khu vực không phải nội dung như sidebar trở nên cực kỳ dễ dàng.

Để tải lên hình ảnh vào bài viết và trang trong WordPress, bạn chỉ cần thêm Image block vào trình soạn thảo nội dung.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Thêm Image block

Bạn cũng có thể thêm Image block bằng cách đơn giản gõ /image vào trong Paragraph block. Trình soạn thảo sẽ hiển thị các block bạn có thể chèn ngay khi bạn bắt đầu gõ.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Thêm Image block bằng cách gõ /image vào trong Paragraph block

WordPress sẽ tự động thêm Image block vào trình soạn thảo. Bạn cần nhấp vào nút Upload để chọn và tải lên hình ảnh từ máy tính.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Nhấp vào nút Upload để chọn và tải lên hình ảnh

Bạn cũng có thể chọn một hình ảnh đã được tải lên trước đó từ Media Library.

Sau khi tải lên hình ảnh, bạn sẽ thấy một bản xem trước trực tiếp của hình ảnh trong trình soạn thảo nội dung.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Bản xem trước trực tiếp

Bạn cũng sẽ thấy các thiết lập hình ảnh trong dashboard bên phải. Từ đó, bạn có thể cung cấp văn bản alt cho hình ảnh, chọn kích thước hình ảnh và tùy chỉnh kiểu dáng hình ảnh.

Ngoài ra, bạn cũng có thể tham khảo thêm các bài viết tại Vietnix.vn để tìm hiểu thêm về các nguyên nhân và cách sửa lỗi không up được ảnh:

2. Cách căn chỉnh hình ảnh về bên trái hoặc bên phải trong WordPress

WordPress cho phép bạn dễ dàng căn chỉnh hình ảnh về phía bên trái, bên phải hoặc giữa. Đơn giản chỉ cần chọn hình ảnh bằng cách nhấp vào nó, sau đó nhấp vào nút căn chỉnh từ thanh công cụ của block.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Cách căn chỉnh hình ảnh về bên trái hoặc bên phải trong WordPress

Bạn có thể đã nhận thấy một số trang web WordPress phổ biến sử dụng hình ảnh với văn bản bao quanh chúng. Điều này được thực hiện bằng cách sử dụng tính năng căn chỉnh.

Ngoài ra, bạn cũng có thể sử dụng block Media & Text thay vì image block.

Block này được thiết kế đặc biệt để thêm hình ảnh cạnh văn bản.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Block Media & Text

Sau đó, bạn có thể tải lên một hình ảnh và văn bản cạnh nhau.

Bạn cũng có thể sử dụng thanh công cụ của block để thay đổi hình ảnh hoặc văn bản sang một bên khác.

Ngoài những thông tin cần thiết có trong bài, bạn cũng có thể tham khảo:

3. Cách thêm chú thích dưới hình ảnh

WordPress cho phép bạn dễ dàng thêm chú thích cho hình ảnh. Sau khi bạn tải lên một hình ảnh, bạn sẽ thấy tùy chọn để thêm chú thích ngay bên dưới xem trước hình ảnh.

Tương tự, bạn cũng có thể thêm chú thích cho bộ sưu tập hình ảnh trong WordPress.

4. Cách hiển thị ảnh theo cột và hàng

Giả sử bạn muốn chia sẻ các bức ảnh của một buổi tiệc sinh nhật hoặc các bức ảnh du lịch. Bạn có thể thêm chúng một cách riêng lẻ vào bài viết, nhưng điều này sẽ tạo ra một danh sách dài các hình ảnh.

Cách tốt hơn để nhóm các bức ảnh của bạn là tạo bộ sưu tập hình ảnh.

WordPress đi kèm với một block Gallery tích hợp sẵn, cho phép bạn dễ dàng thêm hình ảnh vào các cột và hàng với các hình ảnh xem trước.

Đơn giản chỉ cần thêm block Gallery vào trình chỉnh sửa bài viết và chọn các hình ảnh bạn muốn tải lên.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Thêm block Gallery vào trình chỉnh sửa bài viết

Để biết thêm thông tin, hãy xem danh sách của Vietnix về các plugin gallery trong WordPress tốt nhất:

Bạn sẽ nhận thấy rằng gallery hình ảnh mặc định của WordPress thiếu một số tính năng.

Nếu bạn thường xuyên tải lên hình ảnh và bức ảnh lên trang web WordPress, thì bạn sẽ cần một plugin gallery hình ảnh cho WordPress.

Vietnix đề xuất sử dụng Envira Gallery. Nó cho phép bạn dễ dàng tạo các bộ sưu tập hình ảnh đẹp và hoàn toàn tương thích với điện thoại di động trên trang web WordPress.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Envira Gallery

Hơn nữa, Envira Gallery cung cấp các tính năng bổ sung như album, mẫu bộ sưu tập, chia sẻ mạng xã hội, slider, đóng dấu, phân trang, bảo vệ bằng mật khẩu, gắn thẻ, xem toàn màn hình và nhiều tính năng khác nữa.

6. Cách sửa thiếu hình thu nhỏ bài viết / hình ảnh nổi bật

Hầu hết các theme WordPress cho phép bạn hiển thị ảnh nổi bật lớn với bài viết. Hãy xem cách đặt hình ảnh nổi bật trong WordPress để tránh bị thiếu hình thu nhỏ.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Nhấp vào Set Featured Image để tải lên hình

Đầu tiên, bạn cần nhấp vào Set Featured Image để tải lên hình thu nhỏ bài viết.

Sau khi tải lên hình ảnh, bạn sẽ có thể thấy hình thu nhỏ bài viết của mình trong hộp meta hình ảnh nổi bật như thế này:

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Hình thu nhỏ bài viết của mình trong hộp meta hình ảnh nổi bật

7. Thêm cover image vào bài viết và trang WordPress

Cover image là các hình ảnh rộng hoặc có độ rộng đầy đủ được sử dụng như một phân chia giữa các phần khác nhau trong một bài viết hoặc một trang bán hàng dài.

Cover image hấp dẫn và giúp người dùng dễ dàng quét qua một trang mà không cảm thấy quá tải với quá nhiều văn bản.

Để thêm cover image, bạn chỉ cần thêm block Cover vào trình soạn thảo nội dung.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Thêm cover images vào bài viết và trang WordPress

Tiếp theo, bạn cần tải lên hình ảnh mà bạn muốn sử dụng từ máy tính hoặc chọn một hình ảnh từ Media Library. Nếu bạn không muốn sử dụng hình ảnh, bạn cũng có thể chọn một màu nền làm cover image.

Mẹo: Để có kết quả tốt hơn, nên sử dụng một hình ảnh lớn.

Bây giờ, bạn sẽ thấy một bản xem trước trực tiếp của cover image trong trình soạn thảo. Bạn có thể thay đổi tùy chọn hiển thị của cover image từ thanh công cụ block hoặc sử dụng các cài đặt bên phải.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Có thể thay đổi tùy chọn hiển thị của hình ảnh bìa

8. Cách sửa lỗi hình ảnh nổi bật xuất hiện hai lần

Việc chèn hình ảnh nổi bật vào nội dung là một sai lầm phổ biến mà người mới bắt đầu thường mắc phải.

Khi bạn đã đặt hình ảnh nổi bật, bạn không cần chèn nó vào bài viết cùng với nội dung. Việc làm như vậy sẽ khiến hình ảnh nổi bật xuất hiện hai lần. Một lần là hình ảnh nổi bật và một lần là hình ảnh trong bài viết.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Cách sửa lỗi hình ảnh nổi bật xuất hiện hai lần

Bạn có thể thêm các hình ảnh khác vào bài viết, nhưng hình ảnh nổi bật của bạn chỉ cần đặt trong featured image box.

Để hiểu thêm về featured image, bạn có thể tham khảo bài viết sau:

9. Kích thước hình ảnh tải lên quá lớn

WordPress tự động tạo ra các kích thước ảnh nhỏ, trung bình và lớn cho hình ảnh gốc bạn tải lên. Nhưng đôi khi, bạn có thể cần cắt ảnh thành kích thước khác.

WordPress không phải là Photoshop, nhưng nó đi kèm với một số tính năng cơ bản để chỉnh sửa hình ảnh như tỷ lệ, cắt, lật và xoay hình ảnh.

Chỉ cần vào Media > Add New và tải lên hình ảnh. Sau khi tải lên hình ảnh, bạn sẽ thấy một liên kết Edit bên cạnh hình ảnh đã tải lên.

Nhấp vào nó sẽ mở trang Edit Media. Nhấp vào Edit Image ngay dưới hình ảnh để mở trình chỉnh sửa hình ảnh của WordPress.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Mở trang Edit Media sau đó nhấp vào Edit Image

Từ đây, bạn có thể nhấp vào nút Edit Image bên dưới hình ảnh để mở màn hình chỉnh sửa hình ảnh.

Trên màn hình chỉnh sửa hình ảnh, bạn sẽ thấy các nút để thực hiện một số tác vụ cơ bản chỉnh sửa hình ảnh như cắt, xoay, thay đổi kích thước,…

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Bạn sẽ thấy các nút để thực hiện một số tác vụ cơ bản

Để tối ưu kích thước hình ảnh tự động, bạn có thể sử dụng plugin WP Smush Pro được tặng kèm khi sử dụng các gói hosting của Vietnix. . WP Smush Pro sẽ sử dụng các thuật toán nén ảnh thông minh để giảm dung lượng của hình ảnh mà không ảnh hưởng đến chất lượng của chúng. Bên cạnh đó, WP Smush Pro còn hỗ trợ nén hàng loạt để giúp bạn tiết kiệm thời gian và làm tăng tốc độ tải trang web của bạn. Với WP Smush Pro, bạn có thể đảm bảo rằng các hình ảnh trên trang web của mình sẽ có kích thước tối ưu, giúp tăng trải nghiệm người dùng và cải thiện SEO cho trang web của bạn.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
17 cách sửa các lỗi hình ảnh phổ biến trong WordPress 47

Bên cạnh WP Smush Pro, bộ quà tặng của Vietnix còn bao gồm nhiều công cụ hữu ích khác như: WP Rocket, Rank Math SEO Pro, iThemes Security Pro, WPML, bộ theme từ WP Astra Growth Bundle – MyThemeShop – Divi,… với tổng giá trị lên tới 26.000.000 VND. Liên hệ với đội ngũ Vietnix ngay để nhận tư vấn chi tiết và không bỏ lỡ những phần quà giá trị trên.

10. Cách thêm header image trong WordPress:

Header image trong WordPress là một tính năng của theme. Nhiều theme WordPress miễn phí và cao cấp đều hỗ trợ header image.

Bạn có thể tải lên header image tùy chỉnh của riêng bạn từ trang Appearance > Customize.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Cách thêm header image trong WordPress:

Vì đây là một tính năng của theme, nhiều theme WordPress đi kèm với các tùy chọn tiêu đề riêng của chúng. Một số cho phép bạn đặt header image trên toàn trang web, trong khi một số chỉ cho phép bạn đặt header image cho trang chủ.

11. Cách thêm ảnh nền trong WordPress

Giống như header image tùy chỉnh, ảnh nền tùy chỉnh cũng là một tính năng của theme WordPress. Nhiều theme WordPress đi kèm với hỗ trợ cho ảnh nền tùy chỉnh.

Truy cập vào Appearance > Customize để mở Theme Customizer. Nếu bạn thấy tùy chọn Background Image, thì theme của bạn có hỗ trợ cho ảnh nền tùy chỉnh.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Cách thêm ảnh nền trong WordPress

Đây là một tính năng của theme, do đó sẽ thay đổi từ theme này sang theme khác. Tùy thuộc vào theme của bạn, bạn sẽ thấy các tùy chọn khác nhau để tùy chỉnh ảnh nền.

Nếu theme của bạn không hỗ trợ ảnh nền, bạn vẫn có thể sử dụng một plugin để thêm ảnh nền toàn màn hình cho trang web.

12. Cách gắn tag hình ảnh trong WordPress

Nếu bạn điều hành một blog nhiếp ảnh, bạn sẽ nhận ra rằng WordPress không cho phép bạn sắp xếp các hình ảnh.Tuy nhiên, có một số plugin tuyệt vời cho phép bạn làm điều đó.

Đối với một blog liên quan đến nhiếp ảnh, tùy chọn tốt nhất là sử dụng Envira Gallery, đi kèm với một add-on để thêm tag.

Envira Gallery cho phép bạn tạo bộ sưu tập ảnh đẹp, tương thích với điện thoại di động trên WordPress. Sử dụng tag, người dùng có thể dễ dàng lọc và sắp xếp các hình ảnh mà không cần tải lại trang.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Cách gắn tag hình ảnh trong WordPress

13. Cách import hình ảnh bên ngoài vào WordPress

Câu hỏi này thường xuất hiện khi bạn di chuyển trang web của mình sang WordPress. Một số hình ảnh trên trang web của bạn có thể vẫn đang trỏ đến vị trí cũ.

Điều này đặc biệt đúng với người dùng import blog từ Blogger, Squarespace hoặc WordPress.com.

Mặc dù hình ảnh trên trang web của bạn có thể xuất hiện đúng, nhưng chúng vẫn được tải từ một nguồn bên ngoài. Để giải quyết vấn đề này, bạn chỉ cần cài đặt và kích hoạt plugin Auto Upload Images.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Cách import hình ảnh bên ngoài vào WordPress

Plugin sẽ kiểm tra hình ảnh bên ngoài mỗi khi bạn cập nhật hoặc lưu bất kỳ bài viết hoặc trang nào. Bạn có thể thực hiện điều đó một cách thủ công cho từng bài viết hoặc trang, hoặc bạn có thể chỉnh sửa hàng loạt tất cả các bài viết và đơn giản là nhấp vào nút cập nhật.

Bước đầu tiên là cài đặt và kích hoạt plugin PublishPress Checklists.

Khi người dùng tạo bài viết mới, họ sẽ thấy biểu tượng chấm than màu đỏ và thông báo Checklist nhắc nhở phải tải lên một hình ảnh đặc sắc cho bài viết đó.

Như vậy, bạn có thể dễ dàng nhắc nhở bản thân và các người dùng của mình về việc yêu cầu featured image cho các bài viết trong WordPress.

Bạn và người dùng sẽ có thể lưu các bài viết dưới dạng bản nháp, nhưng bạn không thể xuất bản bài viết cho đến khi bạn thêm một hình ảnh đặc sắc.

Ngoài ra, bạn cũng có thể tham khảo thêm cách khắc phục lỗi hình ảnh khác tại bài viết sau:

Tìm featured image cho mỗi bài viết có thể khiến bạn gặp khá nhiều khó khăn. Đôi lúc có những bài bạn không muốn thêm featured image vào nhưng nếu không có thì bài viết sẽ trông không đẹp mắt.

Đó là lúc mà một featured image mặc định có thể hữu ích. Một featured image mặc định được sử dụng khi một bài viết không có featured image riêng của nó.

Bạn có thể đặt featured image mặc định bằng cách sử dụng plugin Default featured image.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
Cách đặt featured image mặc định trong WordPress

16. Cách tạo kích thước hình ảnh bổ sung trong WordPress

WordPress tạo và lưu trữ các kích thước hình ảnh khác nhau của hình ảnh bạn tải lên, bao gồm các hình thu nhỏ. Theme WordPress cũng có thể tạo ra các kích thước hình ảnh khác nhau.

Nếu bạn muốn tạo thêm kích thước hình ảnh cho trang web WordPress, bạn cần đăng ký chúng bằng cách thêm code tùy chỉnh vào tệp functions.php của theme.

17. Cách ngăn chặn việc ăn cắp hình ảnh trong WordPress

Đôi khi, người dùng có thể ăn cắp hình ảnh từ trang web WordPress để sử dụng trên trang web riêng của họ. Điều này có thể gây rất nhiều rắc rối, đặc biệt nếu bạn đó là những hình ảnh do chính bạn tạo ra.

Bạn có thể ngăn chặn việc ăn cắp hình ảnh bằng cách vô hiệu hóa chuột phải, thêm dấu chân bản vào hình ảnh, vô hiệu hóa hotlinking và thêm thông báo bản quyền.

Vietnix là một nhà cung cấp hàng đầu tại Việt Nam trong lĩnh vực giải pháp lưu trữ số và điện toán đám mây. Công ty tập trung vào phát triển và nâng cao tốc độ, độ ổn định của hạ tầng cùng chất lượng hỗ trợ vượt trội để đem lại sự hài lòng cho khách hàng. Với phương châm “lấy thành công của khách hàng làm mục tiêu phục vụ”, Vietnix không ngừng cải tiến và đầu tư để cung cấp những giải pháp tối ưu nhất cho khách hàng của mình.

Hướng dẫn căn chỉnh vị trí của banner trong wordpress năm 2024
17 cách sửa các lỗi hình ảnh phổ biến trong WordPress 48

Với hơn 11 năm kinh nghiệm trong ngành, Vietnix đã đạt được nhiều thành tựu đáng kể. Hiện nay, công ty đã phục vụ hơn 50.000 khách hàng cá nhân và doanh nghiệp, bao gồm các tên thương hiệu lớn như GTV, UB Group, iVIVU, Vietnamworks, SEOSONA, SAGO Media, với hơn 100.000 dịch vụ được kích hoạt. Đặc biệt, 97% khách hàng đã từng sử dụng dịch vụ của Vietnix đã giới thiệu cho người khác về chất lượng và hiệu quả của sản phẩm, đó là sự chứng minh cho sự tận tâm và chuyên nghiệp của công ty.

Vietnix cam kết sẽ tiếp tục phát triển để cung cấp những dịch vụ tốt nhất cho khách hàng của mình. Mọi vấn đề thắc mắc cần tư vấn, quý khách vui lòng liên hệ:

  • Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.
  • Hotline: 1800 1093.
  • Email: [email protected].

Lời kết

Sửa các lỗi hình ảnh phổ biến trong WordPress là một nhiệm vụ quan trọng để đảm bảo trang web của bạn hoạt động một cách hiệu quả và hấp dẫn. Với các bước hướng dẫn đơn giản và sử dụng các công cụ hữu ích có sẵn trong WordPress, bạn có thể tối ưu hình ảnh trang web tốt hơn. Vietnix hy vọng bài viết này có thể giúp ích cho bạn, ngoài ra bạn cũng có thể tham khảo các bài viết khác tại Vietnix.vn để biết thêm thông tin, chúc bạn thành công!