Ảnh đại diện là hình ảnh đại diện cho bài viết trên Web, blog post hoặc custom post types để hấp dẫn sự chú ý của người đọc. Ở bài viết này, Mắt Bão sẽ hướng dẫn chi tiết cho bạn cài đặt và sử dụng Featured Image ra làm sao cho hiệu quả. Vậy những thông tin khác cần biết về WordPress Featured Image là gì?
Ảnh đại diện giúp thương hiệu dễ dàng được nhận diện
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 đầy đủ 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.
Post thumbnail là một ví dụ điển hình, vừa là hình ảnh đại diện, vừa thể hiện nội dung chính của bài.
Mục lục
- 1 Hướng dẫn thêm Featured Image vào WordPress
- 2 Thêm Featured Image vào bài viết thông thường
- 3 Vận dụng ảnh đầu bài viết làm Featured Image WordPress
- 4 Dùng code để tạo featured image từ ảnh đầu bài viết
- 5 Các plugin tạo featured image bằng ảnh đầu bài viết
- 6 Hướng dẫn thay đổi kích thước Featured Image WordPress
- 7 Các plugin khác hỗ trợ Featured Image trong WordPress
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. tiếp đây Mắt Bão 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
- sử dụng ảnh đầu bài viết làm Featured Image WordPress
Việc thêm Featured Image vào WordPress giúp bài viết nổi bật và gây được ấn tượng với người xem
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 trị 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 phần lớn các thông tin được đòi hỏi (Caption, Alt text, Description) và nhấp lệnh Set Feature Image ở góc phải.
Vận dụng ảnh đầu bài viết làm Featured Image WordPress
Bạn có thể lấy ảnh đầu tiên bài viết làm Featured Image trong WordPress với những thao tác dễ dàng
Thay vì mất nhiều thời gian cho công đoạn 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 tiến hành qua nhiều cách thức như sau.
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:
phpfunction catch_that_image() global $post, $posts; $first_img = '';ob_start();ob_end_clean();$output = preg_match_all('/]+)['"].*>/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 dienreturn $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="<?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ể vận 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 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 dễ dàng, 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 Web 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 Web 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
Việc thiết lập kích thước ảnh giúp hình ảnh đại diện hiển thị good hơn trên bài viết
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 chuẩn 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 vận dụng file functions.php của theme hoặc vận dụng plugin. tiếp đâ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 Web WordPress. Simple Image Sizes đơn giản và dễ tiến hành 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. sau đây là một số cái tên các bạn có thể tìm tòi sử dụng:
- Quick Featured Images
- Drag & Drop Featured Image
- Regenerate Thumbnails
- Featured Image Reminder
Hiện nay, có nhiều plugin hỗ trợ cho Featured Image một cách nhanh chóng, tiện lợi
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 trị 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 Web của bạn. Khi thay đổi và bổ sung 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 phần đa số 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 Web của bạn tăng lượng trao đổi qua lại với khách ghé thăm.
>>> Xem thêm: Hướng dẫn cách đặt video làm ảnh đại diện facebook mới nhất 2020
Nguồn: wiki.matbao.net