Hướng dẫn how to set thumbnail in wordpress post - cách đặt hình thu nhỏ trong bài đăng wordpress

Hình ảnh nổi bật còn được gọi là hình thu nhỏ bài là một tính năng WordPress nổi tiếng được hỗ trợ bởi hầu hết các chủ đề.

Chúng là hình ảnh chính cho các bài đăng trên blog của bạn và chúng thường xuất hiện bên cạnh tiêu đề trên trang chủ và phương tiện truyền thông xã hội của bạn. Tất cả các chủ đề WordPress phổ biến đi kèm với hỗ trợ tích hợp cho các hình ảnh nổi bật.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm hình ảnh nổi bật hoặc đăng hình thu nhỏ trong WordPress.

Hướng dẫn how to set thumbnail in wordpress post - cách đặt hình thu nhỏ trong bài đăng wordpress

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

Hình ảnh nổi bật là một tính năng chủ đề WordPress. Hầu như tất cả các chủ đề WordPress đều có hỗ trợ tích hợp cho các hình ảnh nổi bật và hiển thị chúng rất đẹp trên các khu vực khác nhau trên trang web WordPress của bạn.

Hướng dẫn how to set thumbnail in wordpress post - cách đặt hình thu nhỏ trong bài đăng wordpress

Là con người, chúng ta thấy các yếu tố thị giác hấp dẫn hơn văn bản đơn giản. Hình ảnh nổi bật giúp bạn làm cho các trang blog của bạn trông hấp dẫn hơn.

Họ cũng giúp bạn xây dựng sự tham gia của người dùng và tăng lượt xem trang. Các công cụ tìm kiếm và các trang web truyền thông xã hội cũng có thể sử dụng những hình ảnh này và hiển thị chúng trong kết quả tìm kiếm và nguồn cấp tin tức truyền thông xã hội.

Các hình ảnh chủ yếu được sử dụng cho các bài đăng trên blog, nhưng bạn cũng có thể đặt hình ảnh nổi bật cho các trang và loại bài đăng tùy chỉnh.

Lưu ý: Hình ảnh nổi bật không giống như hình ảnh bìa. Xem sự khác biệt giữa hình ảnh bìa so với hình ảnh nổi bật trong WordPress. Featured images are not the same as cover image. See the difference between cover image vs featured image in WordPress.

Điều đó đang được nói, hãy để Lừa xem một cách dễ dàng thêm hình ảnh đặc trưng trong WordPress.

Video hướng dẫn

Đăng ký WPBEGINNER

Nếu bạn thích hướng dẫn bằng văn bản, chỉ cần tiếp tục đọc.

Thêm bài đăng hình thu nhỏ hoặc hình ảnh đặc trưng trong WordPress

Để thêm một hình ảnh đặc trưng trong một bài viết WordPress, chỉ cần chỉnh sửa hoặc tạo một bài đăng trên blog mới.

Trong trình soạn thảo nội dung, bạn sẽ tìm thấy tab hình ảnh đặc trưng trong cột bên phải.

Hướng dẫn how to set thumbnail in wordpress post - cách đặt hình thu nhỏ trong bài đăng wordpress

Bạn cần phải nhấp vào khu vực ‘Set Image nổi bật và điều này sẽ đưa ra Popup tải lên phương tiện truyền thông WordPress.

Từ đây, bạn có thể tải lên một 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. Khi bạn chọn hình ảnh, chỉ cần nhấp vào nút hình ảnh nổi bật.

Hướng dẫn how to set thumbnail in wordpress post - cách đặt hình thu nhỏ trong bài đăng wordpress

WordPress bây giờ sẽ hiển thị bản xem trước của hình ảnh nổi bật trong cột bên phải. Tuy nhiên, hình ảnh đặc trưng thực tế sẽ trông khác nhau tùy thuộc vào chủ đề WordPress của bạn.

Bây giờ bạn có thể lưu hoặc xuất bản bài đăng của mình và xem trước nó để xem hình ảnh đặc trưng sẽ xuất hiện trên trang web trực tiếp của bạn như thế nào.

Tùy thuộc vào cài đặt được xác định bởi nhà phát triển chủ đề của bạn, hình ảnh nổi bật của bạn sẽ tự động xuất hiện với các bài đăng của bạn.

Làm thế nào để tìm và sử dụng hiệu quả hình ảnh đặc trưng?

Bây giờ, câu hỏi lớn tiếp theo mà hầu hết người mới bắt đầu đi qua là nơi tìm hình ảnh để sử dụng như hình ảnh nổi bật?

Bạn không thể chỉ sử dụng tìm kiếm hình ảnh Google và sử dụng bất kỳ hình ảnh nào từ Internet. Những hình ảnh đó được bảo vệ bởi luật bản quyền và sử dụng chúng mà không có sự cho phép thích hợp có thể gây rắc rối pháp lý.

May mắn thay, có một số tài nguyên có sẵn mà bạn có thể sử dụng để tìm hình ảnh miễn phí cho các bài đăng trên blog của mình.

Yêu thích hàng đầu của chúng tôi là:

  • Shutterstock - Họ có một vài hình ảnh miễn phí, nhưng giá trị thực sự đến từ các kế hoạch trả phí của họ cho phép bạn truy cập vào hàng tấn hình ảnh, hình minh họa, bản vẽ, video chất lượng cao, v.v. Đây là những gì chúng tôi sử dụng cho trang web WPBEGINNER.
  • Unplash-Một tài nguyên trực tuyến phổ biến xuất bản hình ảnh độ phân giải cao mà bạn có thể sử dụng trên trang web và các dự án khác.
  • Không gian tiêu cực-Một bộ sưu tập hình ảnh không có bản quyền được tổ chức tốt.
  • Cổ phiếu cũ mới - Một bộ sưu tập các bức ảnh cổ điển từ Lưu trữ công cộng.
  • Hướng dẫn how to set thumbnail in wordpress post - cách đặt hình thu nhỏ trong bài đăng wordpress

    Lưu ý: Tất cả các nguồn này cung cấp hình ảnh có độ phân giải cao, có nghĩa là chúng lớn trong các tệp và kích thước. Bạn cần phải tối ưu hóa hình ảnh cho web trước khi sử dụng chúng làm hình ảnh nổi bật.: All these sources provide high-resolution images, which means they are large in filesize and dimensions. You’ll need to optimize images for the web before using them as featured images.

    Hình ảnh nổi bật được xử lý bởi chủ đề WordPress của bạn. Để thay đổi cách hiển thị chủ đề của bạn hình ảnh nổi bật, bạn sẽ cần một số kỹ năng mã hóa CSS hoặc WordPress cơ bản.

    Nếu bạn cảm thấy thoải mái với mã hóa, sau đó tiếp tục đọc để biết thêm mẹo.

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

    Hình ảnh đặc trưng là một tính năng phổ biến được hỗ trợ bởi hầu hết các chủ đề WordPress. Trong các tình huống hiếm hoi, bạn có thể bắt gặp một chủ đề không hỗ trợ hình ảnh nổi bật hoặc bạn có thể không thích cách chúng xử lý hình ảnh tính năng.

    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 bạn hoặc thay đổi cách nó xuất hiện.

    Nếu bạn thoải mái chỉnh sửa các tệp chủ đề WordPress và biết theo cách của bạn xung quanh một chút CSS tùy chỉnh, thì bạn có thể tự làm.

    Nếu chủ đề của bạn không hỗ trợ hình ảnh nổi bật, thì bạn sẽ không thấy tùy chọn để thêm hình ảnh đặc trưng trong trình chỉnh sửa nội dung.

    Để 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 tin chủ đề của bạn.

    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 bài đăng hoặc trình soạn thảo khối trang và bạn sẽ thấy tùy chọn hình ảnh đặc trưng đượ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ị hình ảnh đặc trưng 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 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 trong sẽ thay đổi dựa trên chủ đề của bạn. Bạn sẽ muốn thêm mã bên trong vòng lặp bài viết của bạn.

    Liên quan: Xem Bảng điều khiển phân cấp chủ đề WordPress để hiểu rõ hơn về cách thức hoạt động của chủ đề. See WordPress theme hierarchy cheat sheet to better understand how themes work.

    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 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 bạn.

    set_post_thumbnail_size( 50, 50);
    

    Các tham số cho set_post_thumbnail_size theo thứ tự này: chiều rộng, chiều cao.

    Bạn cũng có thể đặt các kích thước hình ảnh bổ sung để sử dụng với hàm_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 gọi là hình thumbnail đơn với 590px với chiều cao và chiều cao 180px.single-post-thumbnail with 590px with and 180px height.

    Để sử dụng kích thước hình ảnh này trong chủ đề của chúng tôi, chúng tôi vẫn sẽ cần thêm nó vào tệp chủ đề phù hợp.

    Kiểm tra hướng dẫn của chúng tôi về việc 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ái tạo 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à một ví dụ về chức năng hình ảnh nổi bật với kích thước hình ảnh cụ thể.

    Đây là phiên bản bị hỏng của chức năng đầy đủ. Có nhiều điều khác bạn có thể làm với hình ảnh đặc trưng.

    Câu hỏi thường gặp về hình ảnh nổi bật trong WordPress

    Là người mới bắt đầu, bạn có thể bắt gặp các câu hỏi hoặc vấn đề khi sử dụng hình ảnh nổi bật trên blog của mình. Sau đây chỉ là một số câu hỏi thường gặp nhất về hình ảnh nổi bật.

    1. Tại sao hình ảnh nổi bật xuất hiện hai lần trên bài viết của tôi?

    Đôi khi người mới bắt đầu thêm một hình ảnh đặc trưng và sau đó thêm cùng một hình ảnh bên trong phần nội dung của trình chỉnh sửa bài.

    Tất cả những gì bạn phải làm là xóa hình ảnh khỏi khu vực nội dung và chỉ sử dụng Metabox hình ảnh nổi bật để thêm hình ảnh nổi bật. Để biết thêm về chủ đề này, hãy xem bài viết của chúng tôi về cách khắc phục hình ảnh nổi bật xuất hiện hai lần trong WordPress.

    2. Sự khác biệt giữa hình ảnh bìa và hình ảnh nổi bật là gì?

    Hình ảnh bìa được sử dụng trong khu vực nội dung của bài đăng hoặc trang của bạn. Chúng thường được sử dụng để tách các phần khác nhau của một trang hoặc bài dài.

    Hình ảnh nổi bật là hình ảnh đại diện của một bài báo. Nó xuất hiện trước hoặc bên cạnh nội dung nhưng không nằm trong bài viết thực tế.

    Để biết thêm về chủ đề này, hãy xem hướng dẫn của chúng tôi về sự khác biệt giữa hình ảnh bìa và hình ảnh đặc trưng trong WordPress.

    3. Làm thế nào để hiển thị hình ảnh nổi bật bên cạnh các bài đăng trên blog gần đây?

    Trình chỉnh sửa khối WordPress đi kèm với một khối bài đăng mới nhất cho phép bạn hiển thị các bài đăng gần đây với hình thu nhỏ bài.

    Bạn cũng có thể hiển thị các bài đăng gần đây với hình thu nhỏ trong các tiện ích thanh bên bằng cách sử dụng plugin mở rộng bài đăng gần đây. Để biết thêm chi tiết, hãy xem bài viết của chúng tôi về cách hiển thị các bài đăng gần đây trong WordPress.

    4. Làm thế nào để nhắc nhở các tác giả thêm hình ảnh đặc trưng trong WordPress?

    Hình ảnh nổi bật được hiển thị nổi bật trên trang chủ, trang blog và các trang lưu trữ khác.

    Nếu bạn hoặc một tác giả khác trên blog của bạn quên đặt một cái và xuất bản bài đăng thì nó sẽ xuất hiện mà không có hình ảnh đặc trưng. Điều này sẽ trông xấu và không nhất quán, điều này không tốt cho trải nghiệm người dùng.

    Bạn có thể cài đặt và kích hoạt plugin hình ảnh yêu cầu, điều này sẽ hiển thị thông báo khi bất kỳ ai cố gắng xuất bản một bài đăng mà không có hình ảnh nổi bật.

    Hướng dẫn how to set thumbnail in wordpress post - cách đặt hình thu nhỏ trong bài đăng wordpress

    Để biết thêm chi tiết, hãy xem bài viết của chúng tôi về cách yêu cầu hình ảnh nổi bật trong WordPress.

    Chúng tôi hy vọng rằng bài viết này đã giúp bạn học 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 hướng dẫn dành cho người mới bắt đầu của chúng tôi về SEO hình ảnh cho thấy cách tối ưu hóa hình ảnh WordPress của bạn cho các công cụ tìm kiếm.

    Nếu bạn thích bài viết này, sau đó vui lòng đăng ký kênh YouTube của chúng tôi cho các hướng dẫn video WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.

Tiết lộ: Nội dung của chúng tôi được hỗ trợ độc giả. Điều này có nghĩa là nếu bạn nhấp vào một số liên kết của chúng tôi, thì chúng tôi có thể kiếm được một khoản hoa hồng. Xem cách WPBEGINNER được tài trợ, tại sao nó quan trọng và làm thế nào bạn có thể hỗ trợ chúng tôi. Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

Hướng dẫn how to set thumbnail in wordpress post - cách đặt hình thu nhỏ trong bài đăng wordpress

Nhân viên biên tập tại WPBEGINNER là một nhóm các chuyên gia WordPress do Syed Balkhi lãnh đạo.Chúng tôi đã tạo ra các hướng dẫn WordPress từ năm 2009 và WPBEGINNER đã trở thành trang web tài nguyên WordPress miễn phí lớn nhất trong ngành.