Bao gồm các yếu tố trực quan trong trang web WordPress của bạn là một cách tuyệt vời để thu hút sự chú ý của khách truy cập. Hơn nữa, khi kết hợp với một bài báo toàn diện, một yếu tố hình ảnh tốt có thể tăng đáng kể giá trị thông tin cho nội dung của bạn
May mắn thay, WordPress có nhiều tính năng có thể kết hợp hình ảnh vào trang web, chẳng hạn như bao gồm các hình ảnh nổi bật
Hướng dẫn này sẽ bao gồm mọi thứ bạn cần biết về hình ảnh nổi bật – chúng là gì, tại sao bạn nên sử dụng chúng và cách kích hoạt chúng trên trang web của bạn. Chúng tôi cũng sẽ giới thiệu một số plugin để tối ưu hóa hình ảnh nổi bật
- Hình ảnh nổi bật của WordPress là gì?
- Tại sao nên sử dụng hình ảnh nổi bật
- Cách bật hình ảnh nổi bật của WordPress
- Cách thêm hình ảnh nổi bật vào bài đăng trong WordPress
- Cách đặt kích thước hình ảnh nổi bật của WordPress
- Cách tự động đặt hình ảnh nổi bật trong WordPress
- Thêm bản xem trước hình thu nhỏ cho bài đăng và trang của bạn Chỉnh sửa danh sách
- Hình ảnh tiêu đề là gì
- Tối ưu hóa hình ảnh nổi bật của bạn
Hình ảnh nổi bật của WordPress là gì?
Hình ảnh nổi bật của WordPress, còn được gọi là hình thu nhỏ của bài đăng, đại diện cho các bài đăng, trang hoặc loại bài đăng tùy chỉnh của bạn. Đó là hình ảnh chính cho bài đăng trên blog của bạn và vị trí của nó phụ thuộc vào chủ đề WordPress bạn chọn
Những hình ảnh như vậy thường đi kèm với bài đăng của bạn khi được xem từ kho lưu trữ hoặc trang chủ của trang web của bạn. Nó cũng sẽ hiển thị khi bài đăng của bạn được chia sẻ trên các nền tảng khác
Tuy nhiên, vị trí của chúng phụ thuộc vào chủ đề WordPress bạn đã chọn. Một số chủ đề hiển thị hình ảnh bên trên hoặc bên dưới tiêu đề, trong khi những chủ đề khác tự động đặt hình ảnh đó ở bên phải hoặc bên trái của bài đăng
Hình ảnh nổi bật cũng có thể xuất hiện trên khu vực widget cùng với các ấn phẩm gần đây hoặc phổ biến
Tại sao nên sử dụng hình ảnh nổi bật
Các hình ảnh nổi bật có thể vừa tăng cường đáng kể diện mạo trang web của bạn vừa cung cấp hình ảnh hấp dẫn cho một bài viết hoặc bài đăng trên blog đơn giản khác. Hình ảnh giúp truyền tải ý tưởng đến người đọc, giúp họ hiểu nội dung tốt hơn
Việc sử dụng nhất quán các hình ảnh nổi bật không chỉ giúp bạn xác định phong cách trực quan của trang web mà còn tăng lưu lượng truy cập của bạn – nghiên cứu cho thấy rằng các bài viết có hình ảnh tạo ra nhiều lượt xem hơn 94% so với những bài viết không có.
Hơn nữa, việc kết hợp các từ khóa trên chú thích và văn bản thay thế của hình ảnh có thể tăng cường SEO cho trang web WordPress của bạn
Cách bật hình ảnh nổi bật của WordPress
Nói chung, hầu hết các chủ đề WordPress đều hỗ trợ tùy chọn “đặt hình ảnh nổi bật”. Tuy nhiên, không phải lúc nào cũng vậy
Bạn có thể nhanh chóng khắc phục sự cố này bằng cách sử dụng phương pháp của nhà phát triển chủ đề và chèn đoạn mã sau vào hàm. tập tin php của chủ đề của bạn
add_theme_support[ 'post-thumbnails' ];
Khi bạn đã hoàn tất, cài đặt hình ảnh nổi bật của WordPress sẽ khả dụng khi bạn tạo hoặc chỉnh sửa bài đăng trên blog
Hãy nhớ rằng chức năng “đăng hình thu nhỏ” không tự động làm cho chủ đề của bạn hiển thị hoặc chỉ định hình ảnh. Nó chỉ kích hoạt tùy chọn đó trong trình chỉnh sửa bài đăng trên trang web của bạn
Để hiển thị hình ảnh, bạn cần thêm đoạn mã bên dưới vào phần mẫu mà bạn muốn hiển thị hình ảnh
Tệp cụ thể cần được chỉnh sửa sẽ khác nhau tùy thuộc vào chủ đề của bạn
Nếu bạn sử dụng dịch vụ lưu trữ WordPress của Hostinger, hãy làm theo các bước sau để truy cập tệp chủ đề của bạn thông qua Trình quản lý tệp của Hostinger
- Truy cập hPanel của bạn và nhấp vào menu Trình quản lý tệp
- Một cửa sổ mới sẽ xuất hiện, hiển thị thư mục trang web. Tìm thư mục public_html
- Nhấp vào nội dung wp -> chủ đề
- Thư mục này chứa tất cả các chủ đề WordPress được cài đặt trên trang web của bạn. Chọn chủ đề hiện đang hoạt động để chỉnh sửa
- Chọn chức năng. php của chủ đề của bạn và nhấp vào biểu tượng Chỉnh sửa trên thanh menu. Điều này sẽ mở trình soạn thảo văn bản nơi bạn có thể chèn mã cần thiết. Khi đã xong, nhấp vào nút Lưu để lưu các thay đổi.
Bây giờ bạn có thể sử dụng các hình ảnh nổi bật trong WordPress. Thay thế cho phương pháp trên, bạn có thể cài đặt các plugin WordPress có thể khắc phục sự cố không tương thích, chẳng hạn như
- Hình ảnh nổi bật động
- Hình ảnh nổi bật nhanh
- Hình ảnh nổi bật từ URL
Cách thêm hình ảnh nổi bật vào bài đăng trong WordPress
Để thêm hình ảnh nổi bật vào bài đăng, hãy điều hướng đến Bài đăng. Nhấp vào Thêm mới hoặc chọn một bài đăng hiện có để chỉnh sửa
Sau khi trình soạn thảo văn bản được tải, hãy nhấp vào Tùy chọn màn hình và đảm bảo rằng Hình ảnh nổi bật được chọn
Tùy chọn ảnh nổi bật thường nằm ở cuối thanh bên. Khi bạn tìm thấy nó, hãy nhấp vào nút Đặt hình ảnh nổi bật
Bạn có thể tải ảnh lên từ máy tính của mình hoặc chọn ảnh từ thư viện phương tiện. Đừng quên thêm văn bản thay thế và chú thích của hình ảnh, sau đó nhấp vào Đặt hình ảnh nổi bật
Nếu bạn đã làm theo các bước, bạn sẽ thêm thành công một hình ảnh nổi bật của WordPress. Nếu muốn gỡ bỏ hình ảnh, nhấn vào nút Gỡ bỏ hình ảnh nổi bật. Nếu bạn gặp sự cố khi tải hình ảnh, hãy thử xem bài viết của chúng tôi về hình ảnh nổi bật của WordPress không hiển thị để giải quyết vấn đề đó
Cách đặt kích thước hình ảnh nổi bật của WordPress
Bất cứ khi nào bạn tải một hình ảnh lên WordPress, bạn sẽ tìm thấy bốn kích thước hình ảnh mặc định trong cài đặt
- Hình thu nhỏ [hình vuông 150px]
- Trung bình [chiều rộng và chiều cao tối đa 300px]
- Lớn [chiều rộng và chiều cao tối đa 1024px]
- Kích thước đầy đủ [ảnh gốc]
Các tùy chọn này khả dụng để bạn có thể đặt ảnh trên các phần khác nhau của bài đăng trên blog của mình mà không phải thay đổi kích thước tệp gốc theo cách thủ công. Tuy nhiên, trong một số trường hợp, các kích thước này có thể không phù hợp với nhu cầu của bạn
Bạn có thể khắc phục sự cố này bằng cách truy cập bảng điều khiển WordPress của mình
Điều hướng đến Cài đặt -> Phương tiện. Tại đây, bạn sẽ thấy một số cấu hình cho từng kích thước hình ảnh. Nhập các kích thước mới dựa trên nhu cầu của bạn, sau đó nhấp vào Lưu thay đổi
Nếu bạn cần nhiều kích thước hơn, bạn có thể làm cho WordPress hỗ trợ kích thước hình ảnh tùy chỉnh trong các chức năng. tập tin php
Cách tự động đặt hình ảnh nổi bật trong WordPress
Khi một bài đăng trên blog không có hình ảnh nổi bật, bạn có thể lập trình WordPress để tự động hiển thị hình ảnh đính kèm dưới dạng hình thu nhỏ của bài đăng
Bằng cách này, bất cứ khi nào bạn lưu một bài đăng blog mới, nó sẽ kiểm tra xem có tập hợp hình ảnh nổi bật nào không. Nếu không, nó sẽ truy xuất hình ảnh đầu tiên được tìm thấy và hiển thị nó dưới dạng hình ảnh nổi bật
Để thực hiện chức năng này, chỉ cần truy cập chức năng của chủ đề của bạn. php và thêm đoạn mã sau
function auto_featured_image[] {
global $post;
if [!has_post_thumbnail[$post->ID]] {
$attached_image = get_children[ "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" ];
if [$attached_image] {
foreach [$attached_image as $attachment_id => $attachment] {
set_post_thumbnail[$post->ID, $attachment_id];
}
}
}
}
add_action['the_post', 'auto_featured_image'];
add_action['save_post', 'auto_featured_image'];
add_action['draft_to_publish', 'auto_featured_image'];
add_action['new_to_publish', 'auto_featured_image'];
add_action['pending_to_publish', 'auto_featured_image'];
add_action['future_to_publish', 'auto_featured_image'];Tuy nhiên, nếu bạn không bao gồm bất kỳ hình ảnh nào trong bài đăng, chức năng này sẽ không hiển thị bất kỳ thông báo nào và sẽ chỉ xuất bản nó mà không có bất kỳ hình ảnh nào. Để ngăn điều này xảy ra, hãy đảm bảo bao gồm ít nhất một hình ảnh
Ngoài ra, bạn có thể hiển thị thông báo lỗi bật lên khi hình ảnh nổi bật không được đặt bằng chức năng sau
add_filter[ 'wp_insert_post_data', function [ $data, $postarr ] {
$post_id = $postarr['ID'];
$post_status = $data['post_status'];
$original_post_status = $postarr['original_post_status'];
if [ $post_id && 'publish' === $post_status && 'publish' !== $original_post_status ] {
$post_type = get_post_type[ $post_id ];
if [ post_type_supports[ $post_type, 'thumbnail' ] && ! has_post_thumbnail[ $post_id ] ] {
$data['post_status'] = 'draft';
}
}
return $data;
}, 10, 2 ];
add_action[ 'admin_notices', function [] {
$post = get_post[];
if [ 'publish' !== get_post_status[ $post->ID ] && ! has_post_thumbnail[ $post->ID ] ] { ?>