Hiện nay ở các theme WordPress, tính năng ảnh nổi bật hay featured image là một phần không thể thiếu giúp làm đẹp và cải thiện cấu trúc của các danh mục. Tuy nhiên, việc hiển thị ảnh đại diện ngay tại đầu mỗi bài viết đôi khi lại trở nên ảnh hưởng không tốt đến trải nghiệm của người đọc. Vậy làm sao để điều chỉnh kích thước hoặc thậm chí ẩn hoàn toàn ảnh đại diện trong bài viết WordPress? Hãy cùng InterData.vn tìm hiểu cách ẩn Featured Image trong bài viết này nhé.
Featured Image là gì?
Featured image là một thuật ngữ quen thuộc trong thế giới WordPress, dùng để chỉ hình ảnh đại diện cho bài viết, đăng trên blog, website hoặc các loại bài viết tùy chỉnh khác. Ngày nay, thuật ngữ “post thumbnail” thường được dùng đồng nghĩa với featured image, bởi sự phổ biến rộng rãi của nó.
Tại sao featured image lại quan trọng? Lý do chính là khả năng thu hút sự chú ý của người dùng ngay từ cái nhìn đầu tiên, trước khi họ kịp lướt qua nội dung bài viết. Hình ảnh đại diện không chỉ làm bài viết của bạn nổi bật hơn mà còn giúp phản ánh sơ lược nội dung, giúp người đọc có cái nhìn trực quan về chủ đề bạn sẽ đề cập.
Thêm vào đó, featured image còn đóng vai trò như một công cụ hỗ trợ cho toàn bộ giao diện (theme) của bài viết. Khi bạn chọn một hình ảnh đại diện cho bài viết và người dùng nhấp vào hình thu nhỏ (thumbnail) trên trang chủ hoặc danh mục, bài viết sẽ được mở ra và hình ảnh đầu tiên họ thấy chính là featured image bạn đã chọn.
Tùy vào mỗi theme mà cách thức hiển thị featured image có thể khác nhau. Thông thường, hình ảnh này sẽ được đặt ngay sau tiêu đề bài viết hoặc trên đầu trang bài viết. Kích thước của featured image cũng biến đổi tùy theo thiết kế của từng theme, giúp phù hợp với tổng thể và thẩm mỹ chung của trang web.
Điểm khác biệt giữa Featured Images và Thumbnail
Trong WordPress, Featured Images và Thumbnails là hai thuật ngữ phổ biến nhưng lại mang những đặc điểm riêng biệt quan trọng:
Vị trí hiển thị
- Featured Image: Thường được hiển thị ở vị trí nổi bật trong bài viết, có thể là đầu bài viết hoặc cạnh tiêu đề, thu hút ánh nhìn đầu tiên của người đọc.
- Thumbnail: Lại xuất hiện trong danh sách bài viết, trên trang chủ, hoặc trong các widget. Kích thước của Thumbnail thường nhỏ hơn so với Featured Image, giúp phân biệt các bài viết một cách dễ dàng.
Mục đích sử dụng
- Featured Image: Đóng vai trò như bức ảnh đại diện cho nội dung bài viết, góp phần thu hút sự chú ý và tăng cường trải nghiệm người đọc. Ngoài ra, Featured Image còn có thể tác động đến SEO của bài viết.
- Thumbnail: Chủ yếu được sử dụng để cung cấp hình ảnh trực quan cho bài viết khi xuất hiện trong danh sách, giúp người đọc nhanh chóng nhận diện và lựa chọn bài viết. Khác với Featured Image, Thumbnail không trực tiếp ảnh hưởng đến SEO.
Kích thước
- Featured Image: Kích thước khuyến nghị thường là 1200px x 630px, tuy nhiên có thể thay đổi tùy thuộc vào theme và thiết kế của website.
- Thumbnail: Thường có kích thước nhỏ hơn, ví dụ 150px x 150px hoặc 300px x 200px, và kích thước này thường được quy định bởi theme hoặc các plugin.
Tùy chỉnh
- Featured Image: Cho phép người dùng chỉnh sửa nhiều hơn như cắt, chỉnh sửa kích thước hoặc thêm chú thích.
- Thumbnail: Các tùy chọn tùy chỉnh thường ít hơn so với Featured Image, giới hạn ở những điều chỉnh cơ bản do theme hoặc plugin định sẵn.
Tiêu chí | Featured Image | Thumbnail |
---|---|---|
Vị trí hiển thị | Hiển thị ở vị trí nổi bật trong bài viết, thường là đầu bài viết hoặc cạnh tiêu đề. | Xuất hiện trong danh sách bài viết, trên trang chủ, hoặc trong các widget. Có kích thước nhỏ hơn so với Featured Image. |
Mục đích sử dụng | Đóng vai trò như bức ảnh đại diện cho nội dung bài viết, thu hút sự chú ý và có thể tác động đến SEO. | Cung cấp hình ảnh trực quan cho bài viết khi hiển thị trong danh sách, giúp người đọc dễ dàng nhận diện. Không ảnh hưởng trực tiếp đến SEO. |
Kích thước | Kích thước khuyến nghị là 1200px x 630px, nhưng có thể thay đổi tùy thuộc vào theme và thiết kế website. | Thường nhỏ hơn Featured Image, kích thước phổ biến là 150px x 150px hoặc 300px x 200px, tùy theo quy định của theme hoặc plugin. |
Tùy chỉnh | Cho phép chỉnh sửa rộng rãi hơn như cắt, thay đổi kích thước, thêm chú thích. | Các tùy chọn tùy chỉnh thường hạn chế hơn, giới hạn ở các điều chỉnh cơ bản do theme hoặc plugin định sẵn. |
Điểm khác biệt giữa Featured Image và Cover Image
Featured Image và Cover Image đều đóng vai trò quan trọng nhưng phục vụ các mục đích khác nhau và có những đặc điểm riêng biệt. Đây là bảng phân tích sự khác biệt của chúng:
Vị trí hiển thị
- Featured Image: Thường được hiển thị ở đầu bài viết, blog, hoặc trang sản phẩm. Đây là hình ảnh đầu tiên liên quan đến một mục nội dung cụ thể.
- Cover Image: Xuất hiện ở đầu trang web, trang Facebook, hoặc kênh YouTube. Nó không chỉ liên quan đến một mục nội dung riêng lẻ mà còn thiết lập bối cảnh cho toàn bộ trang hoặc kênh.
Kích thước
- Featured Image: Kích thước có thể thay đổi tùy thuộc vào giao diện và thiết kế của website, linh hoạt để phù hợp với nhu cầu thẩm mỹ và chức năng của nội dung.
- Cover Image: Kích thước thường cố định và tuân theo quy định của từng nền tảng (như Facebook hoặc YouTube) để đảm bảo tính thống nhất và hiển thị tối ưu trên các thiết bị khác nhau.
Mục đích
- Featured Image: Mục tiêu chính là thu hút sự chú ý và cung cấp một bản tóm tắt trực quan của bài viết, blog, hoặc sản phẩm. Nó đặt ra tông màu và gợi ý về nội dung bên trong.
- Cover Image: Tạo ấn tượng ban đầu mạnh mẽ. Nó có phạm vi rộng hơn, đại diện cho thương hiệu hoặc chủ đề chung của trang web hoặc trang mạng xã hội.
Tính năng
- Featured Image: Thường có thể nhấp chuột, dẫn người xem trực tiếp đến nội dung, có thể là một bài viết hoặc trang sản phẩm. Nó hoạt động như một cánh cổng trực quan dẫn đến sự tương tác sâu hơn.
- Cover Image: Thông thường, nó không được thiết kế để nhấp chuột theo cùng một cách. Nó hơn về danh tính trực quan và thương hiệu, thiết lập tông màu chứ không hướng dẫn người dùng đến nội dung cụ thể.
Tiêu chí | Featured Image | Cover Image |
---|---|---|
Vị trí | Hiển thị ở đầu bài viết, blog, hoặc trang sản phẩm. | Hiển thị ở đầu trang web, trang Facebook, hoặc kênh YouTube. |
Kích thước | Kích thước thay đổi tùy thuộc vào giao diện và thiết kế website. | Kích thước cố định theo quy định của từng nền tảng (như Facebook, YouTube). |
Mục đích | Thu hút sự chú ý và tóm tắt nội dung bài viết hoặc sản phẩm. | Tạo ấn tượng ban đầu, thể hiện thương hiệu hoặc chủ đề trang web. |
Tính năng | Có thể nhấp chuột để dẫn đến nội dung bài viết hoặc trang sản phẩm. | Thường không có chức năng nhấp chuột. |
Tại sao upload Featured Image không đẹp như theme demo?
Khi bạn thấy hình ảnh nổi bật (featured image) mà bạn tải lên không đẹp như trong bản demo của theme, có thể do nhiều nguyên nhân, nhưng một trong những lý do phổ biến nhất là do kích thước của hình ảnh không đúng với quy định của theme.
Mỗi theme WordPress có những yêu cầu riêng biệt về kích thước hình ảnh nổi bật. Ví dụ, một theme có thể yêu cầu kích thước hình ảnh là 1200px chiều rộng và 630px chiều cao. Nếu bạn tải lên một hình ảnh với kích thước 920px x 700px, rõ ràng kích thước này sẽ không phù hợp với yêu cầu của theme. Do đó, hình ảnh sẽ không hiển thị đẹp và chính xác như bạn đã thấy trong demo của theme.
Để đảm bảo hình ảnh của bạn hiển thị đẹp mắt và phù hợp, hãy kiểm tra kỹ lưỡng yêu cầu về kích thước hình ảnh của theme và điều chỉnh hình ảnh của bạn cho phù hợp trước khi tải lên.
Cách ẩn Featured Image trong WordPress
Để ẩn featured image trong một bài đăng WordPress, bạn có thể làm theo các bước sau:
Bước 1: Đăng nhập vào trang quản trị website của bạn và điều hướng đến mục Post > All post. Sau đó chọn bài đăng bạn muốn chỉnh sửa.
Bước 2: Trong màn hình chỉnh sửa bài đăng, tìm kiếm một hộp có nội dung “Display featured image in posts lists only, hide on singular views”. Tùy chọn này thường nằm ngay dưới khu vực hình ảnh nổi bật.
Bước 3: Để ẩn hình ảnh nổi bật, bạn chỉ cần chọn vào hộp này. Sau đó, nhấp vào nút “Update” để lưu các thay đổi của bạn.
Bước 4: Sau khi thực hiện, bạn có thể xem lại bài đăng của mình và sẽ thấy rằng Featured Image không còn hiển thị trong chế độ xem bài đăng đơn lẻ, ngay cả khi trước đó đã thiết lập hình ảnh nổi bật cho bài viết.
Cách để thêm WordPress Featured Image
Để thêm Featured Image vào WordPress, bạn có thể thực hiện theo các bước sau:
Bước 1: Truy cập vào trang quản lý admin WordPress bằng cách nhập địa chỉ website của bạn kèm theo /wp-admin. Đăng nhập bằng tài khoản và mật khẩu của bạn.
Bước 2: Chọn mục Post ở menu bên trái và nhấn vào Add New để tạo một bài viết mới.
Bước 3: Ở giao diện soạn thảo bài viết, kéo xuống phần dưới cùng và tìm đến khung Featured Image.
Bước 4: Nhấn vào Set featured image để chọn một hình ảnh làm Featured Image cho bài viết. Bạn có thể chọn từ thư viện media của WordPress hoặc tải lên từ máy tính của bạn.
Bước 5: Một cửa sổ Media Library sẽ xuất hiện, cho phép bạn chọn ảnh từ thư viện media của WordPress hoặc tải ảnh lên từ máy tính của bạn bằng cách nhấn Upload Files.
Bước 6: Sau khi chọn hoặc tải ảnh lên, bạn sẽ thấy ảnh được hiển thị trong mục Featured Image. Bạn có thể điều chỉnh kích thước hoặc vị trí của ảnh nếu muốn.
Bước 7: Khi đã chọn xong file ảnh, bạn sẽ thấy ảnh đại diện xuất hiện trong mục Featured Image.
Nếu bạn muốn đổi ảnh đại diện, bạn có thể trở lại tab Featured Image và bấm vào nút Remove featured image để loại bỏ ảnh cũ và lặp lại các bước chèn ảnh đại diện như đã hướng dẫn.
Hướng dẫn điều chỉnh kích thước WordPress Featured Image
Để điều chỉnh kích thước ảnh đại diện trên WordPress một cách dễ dàng, bạn có thể thực hiện các bước sau bằng cách sử dụng plugin Simple Image Sizes:
Bước 1: Bạn có thể tải plugin Simple Image Sizes từ trang chủ hoặc từ kho plugin của WordPress. Sau khi tải về, bạn cần kích hoạt plugin để sử dụng.
Bước 2: Khi bạn kích hoạt plugin, bạn sẽ thấy một mục mới là Media trong menu Setting của WordPress.
Bước 3: Trong trang cài đặt kích thước ảnh, bạn sẽ thấy mục featued_image_size. Bạn có thể điền chiều rộng và chiều cao mong muốn cho từng loại ảnh. Bạn cũng có thể chọn xem có muốn cắt ảnh theo tỉ lệ hay không bằng cách tích vào ô crop image. Sau khi điền xong, bạn nhấn vào nút Save Changes để lưu lại.
Bên cạnh việc điều chỉnh kích thước ảnh đại diện, bạn cũng có thể linh hoạt thay đổi kích thước mặc định của ảnh trong WordPress thông qua plugin này. Plugin này cũng giúp bạn tạo kích thước ảnh riêng dễ dàng hơn là chỉnh file functions.php của theme.
Lưu ý: Các thay đổi chỉ áp dụng cho những ảnh được tải lên sau khi bạn cài đặt plugin. Để áp dụng cho những ảnh đã tải lên trước đó, bạn cần sử dụng tính năng Regenerate Thumbnails để cập nhật lại kích thước ảnh.
Bài viết hướng dẫn trên đây đã cung cấp các phương pháp để giúp người dùng thêm, thay đổi kích thước và ẩn Featured Image trong bài viết WordPress. Tuy nhiên, cần lưu ý rằng việc thay đổi kích thước hoặc ẩn hình ảnh nổi bật có thể ảnh hưởng đến giao diện và trải nghiệm của người dùng trên trang web của bạn. Do đó, bạn cần cân nhắc kỹ lưỡng trước khi thực hiện những thay đổi này.