Làm thế nào để bạn gọi một bài đăng hình ảnh nổi bật trong wordpress?

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

1. Truy cập hPanel của bạn và nhấp vào menu Trình quản lý tệp
   
2. 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
3. Nhấp vào nội dung wp -> chủ đề
4. 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
5. 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 ) ) { ?>





Chức năng này sẽ kích hoạt một thông báo lỗi bất cứ khi nào tác giả cố gắng xuất bản một bài đăng không có hình ảnh nổi bật, trông giống như ví dụ bên dưới
Nếu một cái được tìm thấy, một thông báo thành công sẽ xuất hiện và bài đăng sẽ được xuất bản
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
Bảng quản trị WordPress cho phép người dùng quản lý các thuộc tính nội dung như tác giả, danh mục và ngày tháng
Tuy nhiên, giao diện mặc định không có hình ảnh nổi bật. Điều này có nghĩa là bạn sẽ phải mở mọi bài đăng theo cách thủ công để kiểm tra xem bài đăng đó có bộ hình ảnh hay không
Chức năng dưới đây sẽ hiển thị ảnh nổi bật trên bảng quản trị, giúp bạn dễ dàng quản lý nội dung của mình hiệu quả hơn
Chỉ cần sao chép và dán mã vào tệp chức năng chủ đề của bạn và lưu các thay đổi
if ( !function_exists('AddThumbColumn') && function_exists('add_theme_support') ) {
add_theme_support('post-thumbnails', array( 'post', 'page' ) );
function AddThumbColumn($cols) {
$cols['thumbnail'] = __('Thumbnail');
return $cols;
}
function AddThumbValue($column_name, $post_id) {
$width = (int) 50;
$height = (int) 50;
if ( 'thumbnail' == $column_name ) {
$thumbnail_id = get_post_meta( $post_id, '_thumbnail_id', true );
$attachments = get_children( array('post_parent' => $post_id, 'post_type' => 'attachment', 'post_mime_type' => 'image') );
if ($thumbnail_id)
$thumb = wp_get_attachment_image( $thumbnail_id, array($width, $height), true );
elseif ($attachments) {
foreach ( $attachments as $attachment_id => $attachment ) {
$thumb = wp_get_attachment_image( $attachment_id, array($width, $height), true );
}
}
if ( isset($thumb) && $thumb ) {
echo $thumb;
} else {
echo __('None');
}
}
}
add_filter( 'manage_posts_columns', 'AddThumbColumn' );
add_action( 'manage_posts_custom_column', 'AddThumbValue', 10, 2 );
add_filter( 'manage_pages_columns', 'AddThumbColumn' );
add_action( 'manage_pages_custom_column', 'AddThumbValue', 10, 2 );
}
Để thay đổi kích thước của hình ảnh thu nhỏ, hãy chỉnh sửa các giá trị $width và $height theo ý thích của bạn
Bây giờ, làm mới bảng quản trị. Nó sẽ hiển thị các hình ảnh nổi bật ở bên phải màn hình của bạn
Hình ảnh tiêu đề là gì
Một trong những tính năng mới của WordPress mà trình soạn thảo Gutenberg mang đến là Khối bìa. Đúng như tên gọi, tính năng này cho phép bạn thêm ảnh bìa hoặc ảnh tiêu đề
Không giống như hình ảnh nổi bật của WordPress, hình ảnh tiêu đề chỉ xuất hiện trên các bài đăng và trang nơi chúng đóng vai trò là bìa bài viết và bộ chia phần. Tuy nhiên, hai yếu tố này có điểm tương đồng – không phải chủ đề WordPress nào cũng hỗ trợ chúng
Để thêm hình ảnh tiêu đề vào bài đăng WordPress của bạn, hãy truy cập bảng điều khiển WordPress của bạn và điều hướng menu đến Bài đăng -> Thêm mới
Di chuột qua phần nội dung của trình chỉnh sửa và nhấp vào nút +. Sau đó, chọn Bìa từ tab Phương tiện
Từ đó, bạn có thể chọn ảnh từ Thư viện phương tiện hoặc tải lên ảnh mới bằng cách nhấp vào nút Tải lên. Sử dụng thanh công cụ để thêm và sửa đổi văn bản cho hình ảnh tiêu đề, như ví dụ bên dưới



Khai thác tối đa trang web WordPress của bạn với dịch vụ lưu trữ web được quản lý hoàn toàn và được tối ưu hóa cho WordPress.   Mua dịch vụ lưu trữ WordPress
Tối ưu hóa hình ảnh nổi bật của bạn
Xin lưu ý rằng kích thước hình ảnh lớn cũng có thể khiến trang web tải chậm hơn, dẫn đến trải nghiệm người dùng kém
Vì lý do đó, tối ưu hóa hình ảnh là một bước quan trọng. Tối ưu hóa hình ảnh có thể giảm kích thước tệp và do đó, cải thiện thời gian tải trang
Cách dễ nhất để tối ưu hóa hình ảnh nổi bật của bạn là cài đặt plugin tối ưu hóa hình ảnh – chúng sẽ tự động nén kích thước hình ảnh mà vẫn giữ chất lượng cao
Dưới đây là một số plugin tối ưu hóa hình ảnh tốt nhất mà bạn có thể sử dụng cho trang web của mình
Trình tối ưu hóa hình ảnh ShortPixel – sử dụng cả nén hình ảnh mất dữ liệu và không mất dữ liệu để tối ưu hóa các tệp thuộc bất kỳ loại nào, chẳng hạn như. PNG,. JPG và. GIF
Tưởng tượng – cung cấp ba mức nén khác nhau – bình thường, tích cực và siêu
WP Smush – quét hình ảnh cả trên trang web và thư viện phương tiện của bạn và có thể nén tối đa 50 tệp cùng một lúc
Optimole – cung cấp tải chậm và phục vụ hình ảnh qua CDN (Mạng phân phối nội dung)
Phần kết luận
Bằng cách sử dụng đầy đủ các hình ảnh nổi bật, bạn có thể thu hút sự chú ý của khách truy cập, cung cấp nhiều nội dung thông tin hơn và tuân thủ các phương pháp SEO tốt nhất
Để giúp bạn đạt được điều này, WordPress bao gồm nhiều tính năng và tùy chọn tùy chỉnh, cũng như nhiều cách khác để kích hoạt chức năng hình ảnh nổi bật của WordPress
Với sự trợ giúp của hình ảnh tiêu đề, người dùng có thể giới thiệu và chia nhỏ nội dung của họ để có trải nghiệm người dùng tốt hơn. Để đạt được phong cách trực quan nhất quán, kích thước của hình ảnh nổi bật và hình thu nhỏ của chúng cũng có thể được định cấu hình tự do
Nếu bạn muốn tối ưu hóa hình ảnh của mình, hãy cân nhắc cài đặt một trong nhiều plugin được thiết kế cho tác vụ hoặc tự điều chỉnh cài đặt. Hãy nhớ bao gồm các từ khóa trong văn bản thay thế của hình ảnh nổi bật của bạn, vì điều này sẽ mang lại kết quả SEO tốt hơn
Chúng tôi hy vọng hướng dẫn này đã giúp bạn hiểu thêm về hình ảnh nổi bật của WordPress và tầm quan trọng của chúng đối với trang web của bạn
Tìm hiểu xem bạn có thể làm gì khác với WordPress
Cách tăng tốc WordPress
Cách sử dụng thẻ WordPress
Cách cài đặt WordPress
Cách bật bảo trì
How to Change User Password in WordPress
How to Add Related Posts in WordPress
Tác giả
Nabilla R
Nabilla là Người viết nội dung kỹ thuật số tại Hostinger. Cô có niềm đam mê với việc lưu trữ và phát triển trang web và mong muốn chia sẻ kiến ​​thức của mình để giúp mọi người tiếp tục hành trình trực tuyến của họ. Khi cô ấy không bận viết lách, cô ấy thích khám phá thiên nhiên và phiêu lưu
 

			
Đăng hình ảnh nổi bật trong WordPress là gì?
			
Hình ảnh nổi bật  đại diện trực quan cho bài đăng hoặc trang trên trang web WordPress của bạn . Hình ảnh nổi bật thường xuất hiện trên trang web của bạn ở đầu bài viết. Chúng cũng xuất hiện khi bạn chia sẻ bài đăng bên ngoài trang web WordPress của mình, chẳng hạn như trên mạng xã hội hoặc trang web tin tức. 
		
			
Làm cách nào để gọi hình ảnh nổi bật trong WordPress PHP?
			
Cách hiển thị hình ảnh nổi bật trong PHP.  Sử dụng chức năng WordPress tích hợp get_the_post_thumbnail() để hiển thị hình ảnh nổi bật của bài đăng trong thẻ  . Đây là cách dễ nhất để hiển thị hình ảnh nổi bật của bài đăng trong vòng lặp WordPress. 
		
			
Đăng hình ảnh nổi bật là gì?
			
Hình ảnh nổi bật (đôi khi còn được gọi là Hình thu nhỏ của bài đăng) là  hình ảnh đại diện cho một Bài đăng, Trang hoặc Loại bài đăng tùy chỉnh riêng lẻ . Khi bạn tạo Chủ đề của mình, bạn có thể xuất hình ảnh nổi bật theo một số cách khác nhau, chẳng hạn như trên trang lưu trữ, trong tiêu đề của bạn hoặc phía trên một bài đăng. 
		
			
Hình thu nhỏ của bài đăng là gì?
			
Hình thu nhỏ của bài đăng, hiện là Hình ảnh nổi bật, là  hình ảnh được chọn làm hình ảnh đại diện cho Bài đăng, Trang hoặc Loại bài đăng tùy chỉnh . Việc hiển thị hình ảnh này là tùy theo chủ đề. Điều này đặc biệt hữu ích cho các chủ đề "kiểu tạp chí" trong đó mỗi bài đăng có một hình ảnh.