Làm cách nào để thêm hình ảnh vào tệp WordPress PHP?

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 nổi tiếng của WordPress đượ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 đều có 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

Làm cách nào để thêm hình ảnh vào tệp WordPress PHP?

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 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 đẹp mắt trên các khu vực khác nhau của trang web WordPress của bạn

Làm cách nào để thêm hình ảnh vào tệp WordPress PHP?

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

Chúng cũng giúp bạn xây dựng mức độ tương tác của người dùng và tăng lượt xem trang. Các công cụ tìm kiếm và 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 trên mạng xã hội

Hầu hết các hình ảnh nổi bật đượ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

Ghi chú. Ảnh nổi bật không giống với ảnh bìa. Xem sự khác biệt giữa ảnh bìa và ảnh nổi bật trong WordPress

Như đã nói, chúng ta hãy xem cách dễ dàng thêm hình ảnh nổi bật trong WordPress

Video hướng dẫn

Đăng ký WPBeginner

Nếu bạn muốn hướng dẫn bằng văn bản, hãy tiếp tục đọc

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

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

Trong trình chỉnh sửa nội dung, bạn sẽ tìm thấy tab hình ảnh nổi bật ở cột bên phải

Làm cách nào để thêm hình ảnh vào tệp WordPress PHP?

Bạn cần nhấp vào khu vực 'Đặt hình ảnh nổi bật' và thao tác này sẽ hiển thị cửa sổ bật lên trình tải lên phương tiện WordPress

Từ đây, bạn có thể 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. 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

Làm cách nào để thêm hình ảnh vào tệp WordPress PHP?

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

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

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 bài đăng của bạn

Làm cách nào để tìm và sử dụng hiệu quả các hình ảnh nổi bật?

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

Bạn không thể vừa sử dụng tìm kiếm hình ảnh của Google vừa 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à việc sử dụng chúng mà không có sự cho phép thích hợp có thể gây ra 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 gói trả phí của họ, cho phép bạn truy cập vào hàng tấn ả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
  • Unsplash – Một tài nguyên trực tuyến phổ biến xuất bản hình ảnh có độ phân giải cao mà bạn có thể sử dụng trên trang web của mình và các dự án khác
  • Không gian âm – Một bộ sưu tập hình ảnh không có bản quyền được tổ chức tốt
  • New Old Stock – Một bộ sưu tập các bức ảnh cổ điển từ kho lưu trữ công cộng
  • Làm cách nào để thêm hình ảnh vào tệp WordPress PHP?

    Ghi chú. 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 có kích thước và kích thước lớn. Bạn sẽ cần 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

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

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

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

    Hình ảnh nổi bật là một tính năng phổ biến được hỗ trợ bởi hầu hết các chủ đề WordPress. Trong một số trường hợp hiếm gặp, bạn có thể 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 họ xử lý 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 hoặc thay đổi cách nó xuất hiện

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

    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 nổi bật 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 chức năng của chủ đề. tập tin php

    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ể đi tới trình chỉnh sửa bài đăng hoặc khối 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ị hình ảnh nổi bật trong chủ đề của bạn, bạn cần chỉnh sửa 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

    <?php the_post_thumbnail(); ?>
    

    Các tệp bạn thêm mã ở trên vào sẽ thay đổi 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

    Có liên quan. Xem bảng cheat phân cấp chủ đề WordPress để hiểu rõ hơn về cách thức hoạt động của các chủ đề

    Đ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 mình. Để đặt kích thước hình ảnh cho 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ự này. chiều rộng, chiều cao

    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à hình thu nhỏ một bài đăng với chiều cao 590px và 180px

    Để 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 cần thêm nó vào tệp chủ đề thích hợp

    Kiểm tra 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 ảnh nổi bật với kích thước ảnh cụ thể

    <?php the_post_thumbnail( 'single-post-thumbnail' ); ?>
    

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

    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ể gặp các câu hỏi hoặc sự cố khi sử dụng các 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 đăng của tôi?

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

    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 hộp chuyển đổi 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 sửa hình ảnh nổi bật xuất hiện hai lần trong WordPress

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

    Ả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 để phân tách các phần khác nhau của một trang hoặc bài viết dài.

    Ảnh nổi bật là ảnh đại diện của bài viết. Nó xuất hiện trước hoặc bên cạnh nội dung nhưng không xuất hiện bên trong bài báo 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 ảnh bìa và ảnh nổi bật trong WordPress

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

    Trình chỉnh sửa khối WordPress đi kèm với 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ỏ của bài đăng

    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 Tiện ích 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 cách nào để nhắc tác giả thêm hình ảnh nổi bật 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 của bạn

    Nếu bạn hoặc một tác giả khác trên blog của bạn quên thiết lập và xuất bản bài đăng thì nó sẽ xuất hiện mà không có hình ảnh nổi bật. Đ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 Yêu cầu hình ảnh nổi bật, sẽ hiển thị thông báo khi bất kỳ ai cố gắng xuất bản bài đăng mà không có hình ảnh nổi bật

    Làm cách nào để thêm hình ảnh vào tệp WordPress PHP?

    Để 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 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 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, hướng dẫn này cho biết 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, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook

    Làm cách nào để chèn hình ảnh trong WordPress PHP?

    Thêm hình ảnh vào bài đăng hoặc trang WordPress .
    Đăng nhập vào giao diện quản trị WordPress
    Tạo hoặc mở một trang hoặc bài đăng trong giao diện quản trị
    Định vị con trỏ gõ của bạn ở vị trí bạn muốn hình ảnh xuất hiện
    Nhấp vào Thêm phương tiện
    Chọn hình ảnh bạn muốn hoặc kéo và thả tệp hình ảnh vào giao diện

    Làm cách nào chúng ta có thể chèn hình ảnh vào trang PHP?

    Tạo biểu mẫu HTML .
    <. LOẠI TÀI LIỆU html>
    Chọn hình ảnh để tải lên
    .
    .

    Bạn có thể nhúng hình ảnh vào WordPress không?

    Chèn hình ảnh vào bài viết WordPress . Below the part where you enter the post title, you will see a button called Add Media, where you can upload one or more images to your post.