Cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress

Hình ảnh nổi bật còn được gọi là hình thu nhỏ của bài đăng là một tính năng phổ biến trong các chủ đề WordPress. Ngày nay, hầu hết các chủ đề chụp ảnh WordPress , chủ đề nhà hàng , chủ đề nhà thờ và các loại chủ đề khác đều có hỗ trợ tích hợp cho hình thu nhỏ của bài đăng. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress.

Bạn có thể đang nghĩ tại sao chúng tôi lại sử dụng hình ảnh nổi bật và hình thu nhỏ của bài đăng thay thế cho nhau. Vâng, khi tính năng này được giới thiệu lần đầu tiên trong WordPress 2.9 , nó được gọi là hình thu nhỏ bài đăng. Tuy nhiên, trong phiên bản tiếp theo, nó đã được đổi tên thành hình ảnh nổi bật.

Nội dung chính bài đăng

Cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress

Hướng dẫn cho người mới bắt đầu về hình ảnh nổi bật trong WordPress

Hình ảnh nổi bật hoặc Hình thu nhỏ của bài đăng là một tính năng chủ đề. Hầu hết các chủ đề như Genesis và những chủ đề khác đều hỗ trợ hình ảnh nổi bật theo mặc định.

Một cách dễ dàng để tìm hiểu xem chủ đề của bạn có hỗ trợ các hình ảnh nổi bật hay không là chuyển đến trình chỉnh sửa bài đăng. Đơn giản chỉ cần tạo một bài đăng mới và cuộn xuống một chút để xem có một hộp meta được gọi là hình ảnh nổi bật ở phía bên tay phải của màn hình hay không.

Cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress
Cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress

Video hướng dẫn

Nếu bạn không thích video hoặc cần thêm hướng dẫn, thì hãy tiếp tục đọc.

Thêm hình thu nhỏ của bài đăng hoặc hình ảnh nổi bật trong WordPress

Để thêm hình ảnh nổi bật trong bài đăng WordPress, chỉ cần nhấp vào liên kết “Đặt hình ảnh nổi bật” bên trong hộp meta hình ảnh nổi bật được hiển thị trong ảnh chụp màn hình ở trên.

Thao tác này sẽ mở Trình tải lên phương tiện WordPress. Bạn có thể sử dụng hình ảnh đó để tải lên hình ảnh từ máy tính của mình hoặc sử dụng hình ảnh hiện có từ thư viện phương tiện của bạn. Sau khi bạn chọn hình ảnh, chỉ cần nhấp vào nút Đặt Hình ảnh Nổi bật.

Setting a featured image in WordPress

Hình ảnh sẽ xuất hiện trong hộp meta Hình ảnh Nổi bật, như sau:

A featured image added in a WordPress post Cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress
Cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress

Điều quan trọng cần lưu ý là hình ảnh có thể xuất hiện hơi khác một chút trong chủ đề của bạn. Tất cả phụ thuộc vào cách chủ đề của bạn xử lý các hình ảnh nổi bật.

Một số chủ đề tạp chí sử dụng hình thu nhỏ nhỏ hơn dọc theo bản tóm tắt bài đăng bên cạnh trên trang chính và phiên bản lớn hơn trên chế độ xem bài đăng đơn lẻ.

Tùy thuộc vào cài đặt do nhà phát triển chủ đề của bạn xác định, hình ảnh nổi bật của bạn sẽ tự động xuất hiện cùng với các bài đăng của bạn. Tuy nhiên, nếu bạn muốn thay đổi cách chủ đề của mình xử lý hình ảnh nổi bật và hình thu nhỏ của bài đăng thì hãy tiếp tục đọc.

Lưu ý: Mọi thứ bên dưới sẽ yêu cầu kiến thức mã hóa.

Hướng dẫn dành cho nhà phát triển chủ đề về hình ảnh nổi bật và hình thu nhỏ của bài đăng trong WordPress

Mặc dù hình ảnh nổi bật là một tính năng phổ biến được hỗ trợ bởi một số lượng lớn chủ đề, nhưng vẫn có khả năng bạn đang sử dụng chủ đề không hỗ trợ hình ảnh nổi bật. Trong trường hợp đó, bạn có thể thêm hỗ trợ hình ảnh nổi bật vào chủ đề của mình. Nếu bạn cảm thấy thoải mái khi chỉnh sửa các tệp chủ đề và biết một chút CSS, thì bạn có thể tự làm.

Để thêm hỗ trợ hình ảnh nổi bật trong chủ đề WordPress, bạn cần thêm dòng mã này vào tệp functions.php của chủ đề:

add_theme_support( 'post-thumbnails' );

Mã này sẽ cho phép hỗ trợ hình ảnh nổi bật cho các bài đăng và trang. Bây giờ bạn có thể truy cập các bài đăng hoặc trang và bạn sẽ thấy tùy chọn hình ảnh nổi bật được bật. Tuy nhiên, khi bạn đặt một hình ảnh nổi bật, nó sẽ không tự động hiển thị trong chủ đề WordPress của bạn. Để hiển thị các hình ảnh nổi bật trong chủ đề của bạn, bạn cần chỉnh sửa các mẫu của mình và thêm dòng mã này vào nơi bạn muốn hiển thị hình ảnh nổi bật:

Các tệp bạn thêm mã trên vào sẽ khác nhau tùy theo chủ đề của bạn. Bạn sẽ muốn thêm mã bên trong vòng lặp bài đăng của mình.

Đoạn mã trên là chức năng cơ bản mà bạn cần thêm hỗ trợ hình ảnh nổi bật và hiển thị hình ảnh nổi bật trong chủ đề của bạn. Để đặt kích thước hình ảnh cho các hình ảnh nổi bật mà bạn tải lên, bạn cần thêm dòng mã này vào tệp functions.php của mình.

set_post_thumbnail_size( 50, 50);

Các tham số cho set_post_thumbnail_size theo thứ tự sau: width, height.

Bạn cũng có thể đặt kích thước hình ảnh bổ sung để sử dụng với hàm the_post_thumbnail (). Ví dụ:

// Image size for single posts
add_image_size( 'single-post-thumbnail', 590, 180 );

Trong ví dụ này, chúng tôi đã thêm một kích thước hình ảnh mới có tên là single-post-thumbnail với 590px với và 180px cao. Để sử dụng kích thước hình ảnh này trong chủ đề của chúng tôi, chúng tôi sẽ vẫn cần thêm nó vào tệp chủ đề thích hợp. Xem hướng dẫn của chúng tôi về cách thêm kích thước hình ảnh bổ sung trong WordPress để biết thêm chi tiết.

Nếu trước đây bạn đã tải lên các hình ảnh nổi bật nhưng chúng vẫn xuất hiện ở một số kích thước khác, thì bạn cần tạo lại hình thu nhỏ và kích thước hình ảnh cho các bài đăng cũ hơn.

Dưới đây là ví dụ về chức năng hình ảnh đặc trưng với kích thước hình ảnh cụ thể.

Đây là phiên bản chia nhỏ của chức năng đầy đủ. Bạn có thể mở rộng thêm chức năng của các hình ảnh nổi bật. Ví dụ: bạn có thể đặt hình ảnh dự phòng mặc định cho hình thu nhỏ của bài đăng , hiển thị hình ảnh nổi bật với chú thích hoặc thậm chí thêm nhiều hình thu nhỏ của bài đăng hoặc hình ảnh nổi bật .

Chúng tôi hy vọng rằng bài viết này đã giúp bạn tìm hiểu cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress. Bạn cũng có thể muốn xem danh sách 14 hướng dẫn và plugin hình ảnh nổi bật nhất dành cho WordPress của chúng tôi.

Bạn có thể đang nghĩ tại sao chúng tôi lại sử dụng hình ảnh nổi bật và hình thu nhỏ của bài đăng thay thế cho nhau. Vâng, khi tính năng này được giới thiệu lần đầu tiên trong WordPress 2.9 , nó được gọi là hình thu nhỏ bài đăng. Tuy nhiên, trong phiên bản tiếp theo, nó đã được đổi tên thành hình ảnh nổi bật.

Hướng dẫn cho người mới bắt đầu về hình ảnh nổi bật trong WordPress

Hình ảnh nổi bật hoặc Hình thu nhỏ của bài đăng là một tính năng chủ đề. Hầu hết các chủ đề như Genesis và những chủ đề khác đều hỗ trợ hình ảnh nổi bật theo mặc định.

Một cách dễ dàng để tìm hiểu xem chủ đề của bạn có hỗ trợ các hình ảnh nổi bật hay không là chuyển đến trình chỉnh sửa bài đăng. Đơn giản chỉ cần tạo một bài đăng mới và cuộn xuống một chút để xem có một hộp meta được gọi là hình ảnh nổi bật ở phía bên tay phải của màn hình hay không.

cach them hinh anh noi bat hoac dang hinh thu nho trong wordpress 5fa533cb7fe18

Video hướng dẫn

Nếu bạn không thích video hoặc cần thêm hướng dẫn, thì hãy tiếp tục đọc.

Thêm hình thu nhỏ của bài đăng hoặc hình ảnh nổi bật trong WordPress

Để thêm hình ảnh nổi bật trong bài đăng WordPress, chỉ cần nhấp vào liên kết “Đặt hình ảnh nổi bật” bên trong hộp meta hình ảnh nổi bật được hiển thị trong ảnh chụp màn hình ở trên.

Thao tác này sẽ mở Trình tải lên phương tiện WordPress. Bạn có thể sử dụng hình ảnh đó để tải lên hình ảnh từ máy tính của mình hoặc sử dụng hình ảnh hiện có từ thư viện phương tiện của bạn. Sau khi bạn chọn hình ảnh, chỉ cần nhấp vào nút Đặt Hình ảnh Nổi bật.

Setting a featured image in WordPress

Hình ảnh sẽ xuất hiện trong hộp meta Hình ảnh Nổi bật, như sau:

A featured image added in a WordPress post

Điều quan trọng cần lưu ý là hình ảnh có thể xuất hiện hơi khác một chút trong chủ đề của bạn. Tất cả phụ thuộc vào cách chủ đề của bạn xử lý các hình ảnh nổi bật.

Một số chủ đề tạp chí sử dụng hình thu nhỏ nhỏ hơn dọc theo bản tóm tắt bài đăng bên cạnh trên trang chính và phiên bản lớn hơn trên chế độ xem bài đăng đơn lẻ.

Tùy thuộc vào cài đặt do nhà phát triển chủ đề của bạn xác định, hình ảnh nổi bật của bạn sẽ tự động xuất hiện cùng với các bài đăng của bạn. Tuy nhiên, nếu bạn muốn thay đổi cách chủ đề của mình xử lý hình ảnh nổi bật và hình thu nhỏ của bài đăng thì hãy tiếp tục đọc.

Lưu ý: Mọi thứ bên dưới sẽ yêu cầu kiến thức mã hóa.

Hướng dẫn dành cho nhà phát triển chủ đề về hình ảnh nổi bật và hình thu nhỏ của bài đăng trong WordPress

Mặc dù hình ảnh nổi bật là một tính năng phổ biến được hỗ trợ bởi một số lượng lớn chủ đề, nhưng vẫn có khả năng bạn đang sử dụng chủ đề không hỗ trợ hình ảnh nổi bật. Trong trường hợp đó, bạn có thể thêm hỗ trợ hình ảnh nổi bật vào chủ đề của mình. Nếu bạn cảm thấy thoải mái khi chỉnh sửa các tệp chủ đề và biết một chút CSS, thì bạn có thể tự làm.

Để thêm hỗ trợ hình ảnh nổi bật trong chủ đề WordPress, bạn cần thêm dòng mã này vào tệp functions.php của chủ đề:

add_theme_support( 'post-thumbnails' );

Mã này sẽ cho phép hỗ trợ hình ảnh nổi bật cho các bài đăng và trang. Bây giờ bạn có thể truy cập các bài đăng hoặc trang và bạn sẽ thấy tùy chọn hình ảnh nổi bật được bật. Tuy nhiên, khi bạn đặt một hình ảnh nổi bật, nó sẽ không tự động hiển thị trong chủ đề WordPress của bạn. Để hiển thị các hình ảnh nổi bật trong chủ đề của bạn, bạn cần chỉnh sửa các mẫu của mình và thêm dòng mã này vào nơi bạn muốn hiển thị hình ảnh nổi bật:

Các tệp bạn thêm mã trên vào sẽ khác nhau tùy theo chủ đề của bạn. Bạn sẽ muốn thêm mã bên trong vòng lặp bài đăng của mình.

Đoạn mã trên là chức năng cơ bản mà bạn cần thêm hỗ trợ hình ảnh nổi bật và hiển thị hình ảnh nổi bật trong chủ đề của bạn. Để đặt kích thước hình ảnh cho các hình ảnh nổi bật mà bạn tải lên, bạn cần thêm dòng mã này vào tệp functions.php của mình.

set_post_thumbnail_size( 50, 50);

Các tham số cho set_post_thumbnail_size theo thứ tự sau: width, height.

Bạn cũng có thể đặt kích thước hình ảnh bổ sung để sử dụng với hàm the_post_thumbnail (). Ví dụ:

// Image size for single posts
add_image_size( 'single-post-thumbnail', 590, 180 );

Trong ví dụ này, chúng tôi đã thêm một kích thước hình ảnh mới có tên là single-post-thumbnail với 590px với và 180px cao. Để sử dụng kích thước hình ảnh này trong chủ đề của chúng tôi, chúng tôi sẽ vẫn cần thêm nó vào tệp chủ đề thích hợp. Xem hướng dẫn của chúng tôi về cách thêm kích thước hình ảnh bổ sung trong WordPress để biết thêm chi tiết.

Nếu trước đây bạn đã tải lên các hình ảnh nổi bật nhưng chúng vẫn xuất hiện ở một số kích thước khác, thì bạn cần tạo lại hình thu nhỏ và kích thước hình ảnh cho các bài đăng cũ hơn.

Dưới đây là ví dụ về chức năng hình ảnh đặc trưng với kích thước hình ảnh cụ thể.

Đây là phiên bản chia nhỏ của chức năng đầy đủ. Bạn có thể mở rộng thêm chức năng của các hình ảnh nổi bật. Ví dụ: bạn có thể đặt hình ảnh dự phòng mặc định cho hình thu nhỏ của bài đăng , hiển thị hình ảnh nổi bật với chú thích hoặc thậm chí thêm nhiều hình thu nhỏ của bài đăng hoặc hình ảnh nổi bật .

Chúng tôi hy vọng rằng bài viết này đã giúp bạn tìm hiểu cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress. Bạn cũng có thể muốn xem danh sách 14 hướng dẫn và plugin hình ảnh nổi bật nhất dành cho WordPress của chúng tôi.

Hình ảnh nổi bật còn được gọi là hình thu nhỏ của bài đăng là một tính năng phổ biến trong các chủ đề WordPress. Ngày nay, hầu hết các chủ đề chụp ảnh WordPress , chủ đề nhà hàng , chủ đề nhà thờ và các loại chủ đề khác đều có hỗ trợ tích hợp cho hình thu nhỏ của bài đăng. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress.

Bạn có thể đang nghĩ tại sao chúng tôi lại sử dụng hình ảnh nổi bật và hình thu nhỏ của bài đăng thay thế cho nhau. Vâng, khi tính năng này được giới thiệu lần đầu tiên trong WordPress 2.9 , nó được gọi là hình thu nhỏ bài đăng. Tuy nhiên, trong phiên bản tiếp theo, nó đã được đổi tên thành hình ảnh nổi bật.

Hướng dẫn cho người mới bắt đầu về hình ảnh nổi bật trong WordPress

Hình ảnh nổi bật hoặc Hình thu nhỏ của bài đăng là một tính năng chủ đề. Hầu hết các chủ đề như Genesis và những chủ đề khác đều hỗ trợ hình ảnh nổi bật theo mặc định.

Một cách dễ dàng để tìm hiểu xem chủ đề của bạn có hỗ trợ các hình ảnh nổi bật hay không là chuyển đến trình chỉnh sửa bài đăng. Đơn giản chỉ cần tạo một bài đăng mới và cuộn xuống một chút để xem có một hộp meta được gọi là hình ảnh nổi bật ở phía bên tay phải của màn hình hay không.

cach them hinh anh noi bat hoac dang hinh thu nho trong wordpress 5fa533cb7fe18

Video hướng dẫn

Nếu bạn không thích video hoặc cần thêm hướng dẫn, thì hãy tiếp tục đọc.

Thêm hình thu nhỏ của bài đăng hoặc hình ảnh nổi bật trong WordPress

Để thêm hình ảnh nổi bật trong bài đăng WordPress, chỉ cần nhấp vào liên kết “Đặt hình ảnh nổi bật” bên trong hộp meta hình ảnh nổi bật được hiển thị trong ảnh chụp màn hình ở trên.

Thao tác này sẽ mở Trình tải lên phương tiện WordPress. Bạn có thể sử dụng hình ảnh đó để tải lên hình ảnh từ máy tính của mình hoặc sử dụng hình ảnh hiện có từ thư viện phương tiện của bạn. Sau khi bạn chọn hình ảnh, chỉ cần nhấp vào nút Đặt Hình ảnh Nổi bật.

Setting a featured image in WordPress

Hình ảnh sẽ xuất hiện trong hộp meta Hình ảnh Nổi bật, như sau:

A featured image added in a WordPress post

Điều quan trọng cần lưu ý là hình ảnh có thể xuất hiện hơi khác một chút trong chủ đề của bạn. Tất cả phụ thuộc vào cách chủ đề của bạn xử lý các hình ảnh nổi bật.

Một số chủ đề tạp chí sử dụng hình thu nhỏ nhỏ hơn dọc theo bản tóm tắt bài đăng bên cạnh trên trang chính và phiên bản lớn hơn trên chế độ xem bài đăng đơn lẻ.

Tùy thuộc vào cài đặt do nhà phát triển chủ đề của bạn xác định, hình ảnh nổi bật của bạn sẽ tự động xuất hiện cùng với các bài đăng của bạn. Tuy nhiên, nếu bạn muốn thay đổi cách chủ đề của mình xử lý hình ảnh nổi bật và hình thu nhỏ của bài đăng thì hãy tiếp tục đọc.

Lưu ý: Mọi thứ bên dưới sẽ yêu cầu kiến thức mã hóa.

Hướng dẫn dành cho nhà phát triển chủ đề về hình ảnh nổi bật và hình thu nhỏ của bài đăng trong WordPress

Mặc dù hình ảnh nổi bật là một tính năng phổ biến được hỗ trợ bởi một số lượng lớn chủ đề, nhưng vẫn có khả năng bạn đang sử dụng chủ đề không hỗ trợ hình ảnh nổi bật. Trong trường hợp đó, bạn có thể thêm hỗ trợ hình ảnh nổi bật vào chủ đề của mình. Nếu bạn cảm thấy thoải mái khi chỉnh sửa các tệp chủ đề và biết một chút CSS, thì bạn có thể tự làm.

Để thêm hỗ trợ hình ảnh nổi bật trong chủ đề WordPress, bạn cần thêm dòng mã này vào tệp functions.php của chủ đề:

add_theme_support( 'post-thumbnails' );

Mã này sẽ cho phép hỗ trợ hình ảnh nổi bật cho các bài đăng và trang. Bây giờ bạn có thể truy cập các bài đăng hoặc trang và bạn sẽ thấy tùy chọn hình ảnh nổi bật được bật. Tuy nhiên, khi bạn đặt một hình ảnh nổi bật, nó sẽ không tự động hiển thị trong chủ đề WordPress của bạn. Để hiển thị các hình ảnh nổi bật trong chủ đề của bạn, bạn cần chỉnh sửa các mẫu của mình và thêm dòng mã này vào nơi bạn muốn hiển thị hình ảnh nổi bật:

Các tệp bạn thêm mã trên vào sẽ khác nhau tùy theo chủ đề của bạn. Bạn sẽ muốn thêm mã bên trong vòng lặp bài đăng của mình.

Đoạn mã trên là chức năng cơ bản mà bạn cần thêm hỗ trợ hình ảnh nổi bật và hiển thị hình ảnh nổi bật trong chủ đề của bạn. Để đặt kích thước hình ảnh cho các hình ảnh nổi bật mà bạn tải lên, bạn cần thêm dòng mã này vào tệp functions.php của mình.

set_post_thumbnail_size( 50, 50);

Các tham số cho set_post_thumbnail_size theo thứ tự sau: width, height.

Bạn cũng có thể đặt kích thước hình ảnh bổ sung để sử dụng với hàm the_post_thumbnail (). Ví dụ:

// Image size for single posts
add_image_size( 'single-post-thumbnail', 590, 180 );

Trong ví dụ này, chúng tôi đã thêm một kích thước hình ảnh mới có tên là single-post-thumbnail với 590px với và 180px cao. Để sử dụng kích thước hình ảnh này trong chủ đề của chúng tôi, chúng tôi sẽ vẫn cần thêm nó vào tệp chủ đề thích hợp. Xem hướng dẫn của chúng tôi về cách thêm kích thước hình ảnh bổ sung trong WordPress để biết thêm chi tiết.

Nếu trước đây bạn đã tải lên các hình ảnh nổi bật nhưng chúng vẫn xuất hiện ở một số kích thước khác, thì bạn cần tạo lại hình thu nhỏ và kích thước hình ảnh cho các bài đăng cũ hơn.

Dưới đây là ví dụ về chức năng hình ảnh đặc trưng với kích thước hình ảnh cụ thể.

Đây là phiên bản chia nhỏ của chức năng đầy đủ. Bạn có thể mở rộng thêm chức năng của các hình ảnh nổi bật. Ví dụ: bạn có thể đặt hình ảnh dự phòng mặc định cho hình thu nhỏ của bài đăng , hiển thị hình ảnh nổi bật với chú thích hoặc thậm chí thêm nhiều hình thu nhỏ của bài đăng hoặc hình ảnh nổi bật .

Chúng tôi hy vọng rằng bài viết này đã giúp bạn tìm hiểu cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress. Bạn cũng có thể muốn xem danh sách 14 hướng dẫn và plugin hình ảnh nổi bật nhất dành cho WordPress của chúng tôi.

Bạn có thể đang nghĩ tại sao chúng tôi lại sử dụng hình ảnh nổi bật và hình thu nhỏ của bài đăng thay thế cho nhau. Vâng, khi tính năng này được giới thiệu lần đầu tiên trong WordPress 2.9 , nó được gọi là hình thu nhỏ bài đăng. Tuy nhiên, trong phiên bản tiếp theo, nó đã được đổi tên thành hình ảnh nổi bật.

Hướng dẫn cho người mới bắt đầu về hình ảnh nổi bật trong WordPress

Hình ảnh nổi bật hoặc Hình thu nhỏ của bài đăng là một tính năng chủ đề. Hầu hết các chủ đề như Genesis và những chủ đề khác đều hỗ trợ hình ảnh nổi bật theo mặc định.

Một cách dễ dàng để tìm hiểu xem chủ đề của bạn có hỗ trợ các hình ảnh nổi bật hay không là chuyển đến trình chỉnh sửa bài đăng. Đơn giản chỉ cần tạo một bài đăng mới và cuộn xuống một chút để xem có một hộp meta được gọi là hình ảnh nổi bật ở phía bên tay phải của màn hình hay không.

cach them hinh anh noi bat hoac dang hinh thu nho trong wordpress 5fa533cb7fe18

Video hướng dẫn

Nếu bạn không thích video hoặc cần thêm hướng dẫn, thì hãy tiếp tục đọc.

Thêm hình thu nhỏ của bài đăng hoặc hình ảnh nổi bật trong WordPress

Để thêm hình ảnh nổi bật trong bài đăng WordPress, chỉ cần nhấp vào liên kết “Đặt hình ảnh nổi bật” bên trong hộp meta hình ảnh nổi bật được hiển thị trong ảnh chụp màn hình ở trên.

Thao tác này sẽ mở Trình tải lên phương tiện WordPress. Bạn có thể sử dụng hình ảnh đó để tải lên hình ảnh từ máy tính của mình hoặc sử dụng hình ảnh hiện có từ thư viện phương tiện của bạn. Sau khi bạn chọn hình ảnh, chỉ cần nhấp vào nút Đặt Hình ảnh Nổi bật.

Setting a featured image in WordPress

Hình ảnh sẽ xuất hiện trong hộp meta Hình ảnh Nổi bật, như sau:

A featured image added in a WordPress post

Điều quan trọng cần lưu ý là hình ảnh có thể xuất hiện hơi khác một chút trong chủ đề của bạn. Tất cả phụ thuộc vào cách chủ đề của bạn xử lý các hình ảnh nổi bật.

Một số chủ đề tạp chí sử dụng hình thu nhỏ nhỏ hơn dọc theo bản tóm tắt bài đăng bên cạnh trên trang chính và phiên bản lớn hơn trên chế độ xem bài đăng đơn lẻ.

Tùy thuộc vào cài đặt do nhà phát triển chủ đề của bạn xác định, hình ảnh nổi bật của bạn sẽ tự động xuất hiện cùng với các bài đăng của bạn. Tuy nhiên, nếu bạn muốn thay đổi cách chủ đề của mình xử lý hình ảnh nổi bật và hình thu nhỏ của bài đăng thì hãy tiếp tục đọc.

Lưu ý: Mọi thứ bên dưới sẽ yêu cầu kiến thức mã hóa.

Hướng dẫn dành cho nhà phát triển chủ đề về hình ảnh nổi bật và hình thu nhỏ của bài đăng trong WordPress

Mặc dù hình ảnh nổi bật là một tính năng phổ biến được hỗ trợ bởi một số lượng lớn chủ đề, nhưng vẫn có khả năng bạn đang sử dụng chủ đề không hỗ trợ hình ảnh nổi bật. Trong trường hợp đó, bạn có thể thêm hỗ trợ hình ảnh nổi bật vào chủ đề của mình. Nếu bạn cảm thấy thoải mái khi chỉnh sửa các tệp chủ đề và biết một chút CSS, thì bạn có thể tự làm.

Để thêm hỗ trợ hình ảnh nổi bật trong chủ đề WordPress, bạn cần thêm dòng mã này vào tệp functions.php của chủ đề:

add_theme_support( 'post-thumbnails' );

Mã này sẽ cho phép hỗ trợ hình ảnh nổi bật cho các bài đăng và trang. Bây giờ bạn có thể truy cập các bài đăng hoặc trang và bạn sẽ thấy tùy chọn hình ảnh nổi bật được bật. Tuy nhiên, khi bạn đặt một hình ảnh nổi bật, nó sẽ không tự động hiển thị trong chủ đề WordPress của bạn. Để hiển thị các hình ảnh nổi bật trong chủ đề của bạn, bạn cần chỉnh sửa các mẫu của mình và thêm dòng mã này vào nơi bạn muốn hiển thị hình ảnh nổi bật:

Các tệp bạn thêm mã trên vào sẽ khác nhau tùy theo chủ đề của bạn. Bạn sẽ muốn thêm mã bên trong vòng lặp bài đăng của mình.

Đoạn mã trên là chức năng cơ bản mà bạn cần thêm hỗ trợ hình ảnh nổi bật và hiển thị hình ảnh nổi bật trong chủ đề của bạn. Để đặt kích thước hình ảnh cho các hình ảnh nổi bật mà bạn tải lên, bạn cần thêm dòng mã này vào tệp functions.php của mình.

set_post_thumbnail_size( 50, 50);

Các tham số cho set_post_thumbnail_size theo thứ tự sau: width, height.

Bạn cũng có thể đặt kích thước hình ảnh bổ sung để sử dụng với hàm the_post_thumbnail (). Ví dụ:

// Image size for single posts
add_image_size( 'single-post-thumbnail', 590, 180 );

Trong ví dụ này, chúng tôi đã thêm một kích thước hình ảnh mới có tên là single-post-thumbnail với 590px với và 180px cao. Để sử dụng kích thước hình ảnh này trong chủ đề của chúng tôi, chúng tôi sẽ vẫn cần thêm nó vào tệp chủ đề thích hợp. Xem hướng dẫn của chúng tôi về cách thêm kích thước hình ảnh bổ sung trong WordPress để biết thêm chi tiết.

Nếu trước đây bạn đã tải lên các hình ảnh nổi bật nhưng chúng vẫn xuất hiện ở một số kích thước khác, thì bạn cần tạo lại hình thu nhỏ và kích thước hình ảnh cho các bài đăng cũ hơn.

Dưới đây là ví dụ về chức năng hình ảnh đặc trưng với kích thước hình ảnh cụ thể.

Đây là phiên bản chia nhỏ của chức năng đầy đủ. Bạn có thể mở rộng thêm chức năng của các hình ảnh nổi bật. Ví dụ: bạn có thể đặt hình ảnh dự phòng mặc định cho hình thu nhỏ của bài đăng , hiển thị hình ảnh nổi bật với chú thích hoặc thậm chí thêm nhiều hình thu nhỏ của bài đăng hoặc hình ảnh nổi bật .

Chúng tôi hy vọng rằng bài viết này đã giúp bạn tìm hiểu cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress. Bạn cũng có thể muốn xem danh sách 14 hướng dẫn và plugin hình ảnh nổi bật nhất dành cho WordPress của chúng tôi.

Bạn có thể đang nghĩ tại sao chúng tôi lại sử dụng hình ảnh nổi bật và hình thu nhỏ của bài đăng thay thế cho nhau. Vâng, khi tính năng này được giới thiệu lần đầu tiên trong WordPress 2.9 , nó được gọi là hình thu nhỏ bài đăng. Tuy nhiên, trong phiên bản tiếp theo, nó đã được đổi tên thành hình ảnh nổi bật.

Hướng dẫn cho người mới bắt đầu về hình ảnh nổi bật trong WordPress

Hình ảnh nổi bật hoặc Hình thu nhỏ của bài đăng là một tính năng chủ đề. Hầu hết các chủ đề như Genesis và những chủ đề khác đều hỗ trợ hình ảnh nổi bật theo mặc định.

Một cách dễ dàng để tìm hiểu xem chủ đề của bạn có hỗ trợ các hình ảnh nổi bật hay không là chuyển đến trình chỉnh sửa bài đăng. Đơn giản chỉ cần tạo một bài đăng mới và cuộn xuống một chút để xem có một hộp meta được gọi là hình ảnh nổi bật ở phía bên tay phải của màn hình hay không.

cach them hinh anh noi bat hoac dang hinh thu nho trong wordpress 5fa533cb7fe18

Video hướng dẫn

Nếu bạn không thích video hoặc cần thêm hướng dẫn, thì hãy tiếp tục đọc.

Thêm hình thu nhỏ của bài đăng hoặc hình ảnh nổi bật trong WordPress

Để thêm hình ảnh nổi bật trong bài đăng WordPress, chỉ cần nhấp vào liên kết “Đặt hình ảnh nổi bật” bên trong hộp meta hình ảnh nổi bật được hiển thị trong ảnh chụp màn hình ở trên.

Thao tác này sẽ mở Trình tải lên phương tiện WordPress. Bạn có thể sử dụng hình ảnh đó để tải lên hình ảnh từ máy tính của mình hoặc sử dụng hình ảnh hiện có từ thư viện phương tiện của bạn. Sau khi bạn chọn hình ảnh, chỉ cần nhấp vào nút Đặt Hình ảnh Nổi bật.

Setting a featured image in WordPress

Hình ảnh sẽ xuất hiện trong hộp meta Hình ảnh Nổi bật, như sau:

A featured image added in a WordPress post

Điều quan trọng cần lưu ý là hình ảnh có thể xuất hiện hơi khác một chút trong chủ đề của bạn. Tất cả phụ thuộc vào cách chủ đề của bạn xử lý các hình ảnh nổi bật.

Một số chủ đề tạp chí sử dụng hình thu nhỏ nhỏ hơn dọc theo bản tóm tắt bài đăng bên cạnh trên trang chính và phiên bản lớn hơn trên chế độ xem bài đăng đơn lẻ.

Tùy thuộc vào cài đặt do nhà phát triển chủ đề của bạn xác định, hình ảnh nổi bật của bạn sẽ tự động xuất hiện cùng với các bài đăng của bạn. Tuy nhiên, nếu bạn muốn thay đổi cách chủ đề của mình xử lý hình ảnh nổi bật và hình thu nhỏ của bài đăng thì hãy tiếp tục đọc.

Lưu ý: Mọi thứ bên dưới sẽ yêu cầu kiến thức mã hóa.

Hướng dẫn dành cho nhà phát triển chủ đề về hình ảnh nổi bật và hình thu nhỏ của bài đăng trong WordPress

Mặc dù hình ảnh nổi bật là một tính năng phổ biến được hỗ trợ bởi một số lượng lớn chủ đề, nhưng vẫn có khả năng bạn đang sử dụng chủ đề không hỗ trợ hình ảnh nổi bật. Trong trường hợp đó, bạn có thể thêm hỗ trợ hình ảnh nổi bật vào chủ đề của mình. Nếu bạn cảm thấy thoải mái khi chỉnh sửa các tệp chủ đề và biết một chút CSS, thì bạn có thể tự làm.

Để thêm hỗ trợ hình ảnh nổi bật trong chủ đề WordPress, bạn cần thêm dòng mã này vào tệp functions.php của chủ đề:

add_theme_support( 'post-thumbnails' );

Mã này sẽ cho phép hỗ trợ hình ảnh nổi bật cho các bài đăng và trang. Bây giờ bạn có thể truy cập các bài đăng hoặc trang và bạn sẽ thấy tùy chọn hình ảnh nổi bật được bật. Tuy nhiên, khi bạn đặt một hình ảnh nổi bật, nó sẽ không tự động hiển thị trong chủ đề WordPress của bạn. Để hiển thị các hình ảnh nổi bật trong chủ đề của bạn, bạn cần chỉnh sửa các mẫu của mình và thêm dòng mã này vào nơi bạn muốn hiển thị hình ảnh nổi bật:

Các tệp bạn thêm mã trên vào sẽ khác nhau tùy theo chủ đề của bạn. Bạn sẽ muốn thêm mã bên trong vòng lặp bài đăng của mình.

Đoạn mã trên là chức năng cơ bản mà bạn cần thêm hỗ trợ hình ảnh nổi bật và hiển thị hình ảnh nổi bật trong chủ đề của bạn. Để đặt kích thước hình ảnh cho các hình ảnh nổi bật mà bạn tải lên, bạn cần thêm dòng mã này vào tệp functions.php của mình.

set_post_thumbnail_size( 50, 50);

Các tham số cho set_post_thumbnail_size theo thứ tự sau: width, height.

Bạn cũng có thể đặt kích thước hình ảnh bổ sung để sử dụng với hàm the_post_thumbnail (). Ví dụ:

// Image size for single posts
add_image_size( 'single-post-thumbnail', 590, 180 );

Trong ví dụ này, chúng tôi đã thêm một kích thước hình ảnh mới có tên là single-post-thumbnail với 590px với và 180px cao. Để sử dụng kích thước hình ảnh này trong chủ đề của chúng tôi, chúng tôi sẽ vẫn cần thêm nó vào tệp chủ đề thích hợp. Xem hướng dẫn của chúng tôi về cách thêm kích thước hình ảnh bổ sung trong WordPress để biết thêm chi tiết.

Nếu trước đây bạn đã tải lên các hình ảnh nổi bật nhưng chúng vẫn xuất hiện ở một số kích thước khác, thì bạn cần tạo lại hình thu nhỏ và kích thước hình ảnh cho các bài đăng cũ hơn.

Dưới đây là ví dụ về chức năng hình ảnh đặc trưng với kích thước hình ảnh cụ thể.

Đây là phiên bản chia nhỏ của chức năng đầy đủ. Bạn có thể mở rộng thêm chức năng của các hình ảnh nổi bật. Ví dụ: bạn có thể đặt hình ảnh dự phòng mặc định cho hình thu nhỏ của bài đăng , hiển thị hình ảnh nổi bật với chú thích hoặc thậm chí thêm nhiều hình thu nhỏ của bài đăng hoặc hình ảnh nổi bật .

Chúng tôi hy vọng rằng bài viết này đã giúp bạn tìm hiểu cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress. Bạn cũng có thể muốn xem danh sách 14 hướng dẫn và plugin hình ảnh nổi bật nhất dành cho WordPress của chúng tôi.

Bài Cách thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress

Theo : https://chowebs.com

5/5 - (1 bình chọn)

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *