Featured Image là gì?
Featured Images là hình ảnh đại diện cho bài viết trên website, blog post hoặc custom post types để thu hút sự chú ý của người đọc. Ở bài viết này, Vinastar sẽ hướng dẫn chi tiết cho bạn cài đặt và sử dụng Featured Image như thế nào cho hiệu quả. Vậy những thông tin khác cần biết về WordPress Featured Image là gì?
Khi người đọc click vào hình đại diện của bài viết, Featured Image sẽ hiện lên trên cùng của bài viết đó. Featured Image còn hỗ trợ cho toàn bộ theme và liên quan mật thiết đến theme. Mỗi theme sẽ có cách hiển thị khác nhau với kích thước khác nhau.
Hướng dẫn thêm Featured Image vào WordPress
Có một số cách khác nhau để có thể thêm Featured Image vào WordPress. Dưới đây Vinastar sẽ hướng dẫn các bạn cách:
- Thêm Featured Image vào bài viết thông thường
- Dùng ảnh đầu bài viết làm Featured Image WordPress
Thêm Featured Image vào bài viết thông thường
Sau khi hoàn thiện nội dung trên WordPress, bạn có thể bắt đầu thực hiện việc thêm ảnh Featured Image trước khi chính thức xuất bản bài viết đến với người đọc. Các bước tiến hành vô cùng đơn giản:
Bước 1: Mở trang quản lý admin WordPress. Xem thêm bài viết: WordPress là gì?
Bước 2: Click vào nút Post phía bên phải. Sau đó nhấn nút Add New Post. Thanh lệnh Featured Image sẽ hiện lên ở góc phải màn hình.
Nếu không tìm thấy Featured Image thì bạn click vào nút Screen Options ở góc phải màn hình. Tiếp theo, đánh dấu vào ô “Featured Image”. Sau đó ấn nút “Set featured image”. Cửa sổ Media Library sẽ mở lên để bạn thêm hình.
Bước 3: Chọn hình ảnh có sẵn trên “WordPress media library” hoặc dùng nút “Upload Files” để tải lên hình ảnh sẵn có từ máy tính.
Bước 4: Chọn đúng file cần thiết, điền đầy đủ các thông tin được yêu cầu (Caption, Alt text, Description) và nhấp lệnh Set Feature Image ở góc phải.
Dùng ảnh đầu bài viết làm Featured Image WordPress
Thay vì mất nhiều thời gian cho quá trình chọn, biên tập, chỉnh sửa hình ảnh cho Featured Image. Bạn có thể chọn ảnh đầu tiên trong bài viết làm Featured Image. Cách cài đặt tác vụ này có thể được thực hiện qua nhiều cách thức như sau.
Sử dụng code để tạo featured image từ ảnh đầu bài viết
Bước 1: Mở file functions.php và chèn code bên dưới vào trên hoặc dưới code của file:
<?php
function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=['"]([^'"]+)['"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image
$first_img = "/images/default.jpg"; //Duong dan anh mac dinh khi khong tim duoc anh dai dien
}
return $first_img;
}
?>
Bước 2: Vào index.php và content.php (nếu trong bài viết có ảnh thumb) và thêm đoạn code này vào:
<img src="https://wiki.matbao.net/featured-image-la-gi-huong-dan-cai-dat-wordpress-featured-image/<?php echo catch_that_image() ?>" />
Vậy là bạn đã hoàn thành việc lấy ảnh đầu tiên bài viết làm Featured Image trong WordPress với các code.
Các plugin tạo featured image bằng ảnh đầu bài viết
Bạn có thể sử dụng các plugin sau để lấy ảnh đầu tiên bài viết làm Featured Image trong WordPress.
Auto Post Thumbnail
Auto Post Thumbnail cho phép bài đăng được tự động chọn ảnh đại diện. Dù bạn copy hình ảnh từ trang khác về, hay upload từ máy tính. Plugin này cho phép bạn tự động trang bị ảnh đại diện cho bài viết, giúp bạn tiết kiệm thời gian và hạn chế thao tác. Khi bạn sử dụng plugin này, hệ thống sẽ tự động kết nối đưỡng dẫn ảnh đầu tiên của bài viết và Featured Image. Do đó, bạn không cần thao tác gì cả.
Autoset Featured Image là gì?
Tương tự như Auto Post Thumbnail, Autoset Featured Image hoạt động theo cơ chế tự động vô cùng đơn giản, tiện lợi, ổn định và hiếm khi xảy ra lỗi.
Video Thumbnails
Đây là plugin dành cho các website chuyên chia sẻ các video. Với plugin này, bạn có thể đăng tải video nhanh chóng, hỗ trợ các website lớn trên thế giới. Plugin này tự động bắt lấy hình ảnh thumbnails của video trong bài làm Featured Image.
Hướng dẫn thay đổi kích thước Featured Image WordPress
Nhiều người gặp phải vấn đề khi thêm Featured Image? Họ nhận thấy ảnh không được đẹp so với ảnh demo? Bạn cần ghi nhớ rằng mỗi theme sẽ có yêu cầu khác nhau cho kích thước của Featured Image. Để hình ảnh được hoàn hảo nhất, bạn cần căn chỉnh kích thước Featured Image khớp với thông số sẵn có.
Tuy nhiên, bạn vẫn có thể thay đổi kích thước Featured Image bằng cách sử dụng file functions.php của theme hoặc sử dụng plugin. Dưới đây là phương pháp sử dụng plugin cho bạn
Bước 1: Tải và cài đặt plugin Simple Image Sizes
Bước 2: Vào mục “Setting”, sau đó chọn “Media”.
Bước 3: Điền các thông số trong mục “featued_image_size” hoặc “thumbnail size”.
Với plugin này, bạn có thể thay đổi kích thước ảnh mặc định của website WordPress. Simple Image Sizes đơn giản và dễ thực hiện hơn so với việc điều chỉnh file functions.php của theme. Bạn cũng có thể dễ dàng tạo kích thước hình ảnh riêng. Xem thêm bài viết: Hướng dẫn cài đặt WordPress
Các plugin khác hỗ trợ Featured Image trong WordPress
Kho plugin của WordPress cung cấp khá nhiều những plugin hỗ trợ Featured Image. Dưới đây là một số cái tên các bạn có thể tham khảo sử dụng:
- Quick Featured Images
- Drag & Drop Featured Image
- Regenerate Thumbnails
- Featured Image Reminder
Quick Featured Images là gì?
Quick Featured Images là plugin tiết kiệm thời gian và công sức khi quản lý hình ảnh cho bài viết. Nó giúp bạn tự động chọn một ảnh đại diện bằng hình ảnh sẵn có trong bài viết. Bạn có thể chỉnh sửa, thêm các hình ảnh nổi bật tự động, hoặc thêm mới hình ảnh hàng loạt.
Drag & Drop Featured Image là gì?
Drag & Drop Featured Image là một plugin giúp bạn có thể thay thế metabox mặc định, cho phép upload hình ảnh nhanh hơn và thuận tiện hơn. Cụ thể, bạn có thê kéo thả các hình ảnh đã chọn vào ô “Drop” để tiết kiệm thời gian.
Regenerate Thumbnails
Regenerate Thumbnails là một trong những plugin rất cần thiết cho website của bạn. Khi cập nhật website, bạn sẽ cần đến plugin này để tái tạo lại toàn bộ ảnh đại diện cho các bài đăng cũ để phù hợp với giao diện mới.
Featured Image Reminder là gì?
Featured Image Reminder hoạt động như một cơ chế “nhắc việc”. Bằng một cửa sổ pop up ngay trước khi bấm vào nút “Publish” (đăng tải) khi bài viết không có hình ảnh nào nổi bật hoặc bạn quên không chèn ảnh đại diện vào bài viết.
Featured Image đóng vai trò quan trọng đối với mỗi bài đăng trên website, giúp bài viết nhận được sự chú ý của người đọc, đồng thời toàn bộ theme trên website. Bên cạnh đó, hình ảnh đại diện còn hàm chứa nội dung chính của cả bài viết. Vì vậy, bạn cần nắm vững các kiến thức cơ bản và các thao tác cần thiết để thiết lập hình ảnh đại diện và các theme một cách chuyên nghiệp, giúp website của bạn tăng lượng tương tác với khách ghé thăm.
Công ty chuyên Thiết kế website uy tín nhất Miền Bắc: http://vinastar.net
Hotline tư vấn: 0989 48 3456
Nguồn: Sưu tầm trên internet
