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

Cách thêm ảnh nổi bật hoặc hình thu nhỏ bài viết trong WordPress là điều cần thiết cho bất kỳ blogger, nhà phát triển hoặc người sáng tạo nội dung nào. Hình ảnh nổi bật giúp bài viết của bạn hấp dẫn về mặt hình ảnh và đóng vai trò quan trọng trong việc thu hút người đọc, cải thiện SEO và nâng cao khả năng hiển thị trên mạng xã hội. Cho dù bạn đang điều hành blog, trang portfolio hay cửa hàng trực tuyến, một hình ảnh nổi bật được đặt đúng vị trí có thể tăng đáng kể hiệu quả nội dung của bạn.

Trong bài viết này, bạn sẽ tìm hiểu cách bật và thêm hình ảnh nổi bật trong WordPress bằng mã và cài đặt theme . Chúng tôi cũng sẽ hướng dẫn bạn cách thêm hình ảnh thông qua Classic Editor và Elementor để bạn có thể chọn phương pháp phù hợp nhất cho quy trình làm việc của mình.

Tại sao nên sử dụng hình ảnh nổi bật trong bài đăng?

Hình ảnh nổi bật rất quan trọng trong việc làm cho bài đăng WordPress của bạn hấp dẫn và chuyên nghiệp hơn. Chúng đóng vai trò như những tín hiệu trực quan giúp thu hút sự chú ý của người đọc, nâng cao tính thẩm mỹ tổng thể cho blog hoặc websitecủa bạn và tạo sự nhất quán trong toàn bộ nội dung. Ngoài việc cải thiện tính hấp dẫn về mặt hình ảnh, các nền tảng mạng xã hội thường sử dụng hình ảnh nổi bật khi nội dung của bạn được chia sẻ, giúp bài đăng của bạn hiện diện mạnh mẽ hơn và tăng tỷ lệ nhấp chuột.

Do tác động của chúng, việc quản lý các tệp phương tiện, đặc biệt là khi trang web của bạn phát triển, cũng quan trọng như việc thêm chúng vào. Một thư viện phương tiện lộn xộn có thể làm chậm quy trình làm việc của bạn và khiến việc tìm kiếm hoặc sử dụng lại hình ảnh trở nên khó khăn.

Đó là lý do tại sao các công cụ như WP Media Folder được khuyến khích sử dụng. Với các tính năng như thư mục không giới hạn, bộ lọc tìm kiếm nâng cao và tích hợp liền mạch với các nền tảng đám mây, WP Media Folder giúp bạn sắp xếp mọi thứ gọn gàng và quản lý hình ảnh nổi bật cũng như các phương tiện truyền thông khác một cách dễ dàng.

Cách bật hình ảnh nổi bật trong Theme WordPress của bạn

Không phải tất cả themeWordPress đều tự động hiển thị hoặc thậm chí kích hoạt tính năng ảnh nổi bật. Nếu bạn không thấy tùy chọn này khi tạo bài viết, có thể theme của bạn chưa hỗ trợ tính năng này. Đừng lo lắng, bạn có thể kích hoạt tính năng này theo hai cách: sử dụng mã tùy chỉnh (mà không cần chỉnh sửa trực tiếp tệp theme ) hoặc thông qua cài đặt mặc định của theme bạn đang sử dụng.

Sử dụng mã tùy chỉnh

Nếu bạn đã quen thuộc với WordPress và muốn bật tính năng ảnh nổi bật theo cách thủ công mà không cần chỉnh sửa trực tiếp tệp functions.php, bạn có thể sử dụng plugin WordPress như WP Code. Plugin này giúp đơn giản hóa việc thêm mã mà không gây nguy cơ làm hỏng trang web của bạn do lỗi nhập liệu.

Để thực hiện việc này, hãy bắt đầu bằng cách cài đặt plugin WPCode từ menu Plugin > Thêm mới. Sau đó, tìm kiếm "WPCode" và nhấp vào Cài đặt, rồi Kích hoạt .

Sau khi plugin được kích hoạt, hãy mở menu Đoạn mã và chọn + Thêm Đoạn mã.

Chọn "Thêm mã tùy chỉnh của bạn (Đoạn mã mới)" .

Sau đó, nhập mã sau vào cột "Xem trước mã", chọn Đoạn mã PHP trong Loại mã và nhấp vào Lưu đoạn mã.

Khi bạn mở trình chỉnh sửa bài đăng, tùy chọn thêm hình ảnh nổi bật sẽ xuất hiện ở thanh bên.

Nếu bạn muốn hiển thị hình ảnh nổi bật trong phần hiển thị bài viết, hãy thêm mã này vào tệp theme thích hợp bên trong vòng lặp, chẳng hạn như single.php hoặc content.php.

<?php the_post_thumbnail(); ?> 

Bạn cũng có thể thêm mục này để điều chỉnh kích thước hình ảnh.

đặt kích thước hình thu nhỏ của bài viết( 300, 200 ); 

Hoặc tạo kích thước tùy chỉnh như.

add_image_size('kích thước tùy chỉnh', 590, 180 ); 

Cuối cùng, gọi bằng đoạn mã sau.

<?php the_post_thumbnail( 'custom-size' ); ?> 

Sử dụng Cài đặt Theme

Nếu bạn không muốn bận tâm đến mã, nhiều theme đã cung cấp cài đặt để bật và đặt hình ảnh nổi bật trực tiếp từ Trình tùy chỉnh. Để thực hiện việc này, hãy vào Giao diện > Tùy chỉnh. Sau đó chọn bài đăng > Blog / Lưu trữ.

Sau đó, trong mục Cấu trúc bài viết > Thành phần bài viết, bạn sẽ tìm thấy menu Ảnh nổi bật. Để kích hoạt, chỉ cần nhấp vào biểu tượng con mắt như trong hình dưới đây. Bạn cũng có thể điều chỉnh tỷ lệ, hiệu ứng di chuột và kích thước.

Thêm hình ảnh nổi bật vào WordPress thông qua Gutengberg (Trình chỉnh sửa khối)

Việc thêm ảnh nổi bật trong WordPress bằng Gutenberg (Block Editor) rất dễ dàng và thiết thực, đặc biệt là nhờ giao diện hiện đại và trực quan. Với Gutenberg, bạn có thể đặt ảnh nổi bật trực tiếp từ thanh bên của trình soạn thảo mà không cần cài đặt thêm plugin. Tính năng này phù hợp cho cả người mới bắt đầu và người dùng có kinh nghiệm muốn nhanh chóng tùy chỉnh giao diện bài viết.

Sau đó, chọn hình ảnh làm hình ảnh nổi bật, nhập Văn bản ALT và nhấp vào Đặt hình ảnh nổi bật.

Thêm hình ảnh nổi bật vào WordPress thông qua Elementor

Nếu bạn sử dụng Elementor để tạo trang hoặc bài viết, bạn vẫn có thể dễ dàng thêm hình ảnh nổi bật. Mặc dù quy trình hơi khác so với trình chỉnh sửa mặc định của WordPress, Elementor cung cấp các tùy chọn để hiển thị hình ảnh nổi bật một cách linh hoạt trong bố cục thiết kế của bạn. Trước tiên, hãy mở bài viết và nhấp vào "Chỉnh sửa bằng Elementor".

Sau đó, nhấp vào biểu tượng Cài đặt ở góc trên cùng. Phía bên trái là menu Ảnh nổi bật, nhấp vào Chọn ảnh.

Sau đó, màn hình hiển thị phương tiện sẽ xuất hiện. Chọn hình ảnh, nhập Văn bản ALT và cuối cùng nhấp vào Chọn .

Phần kết luận

Việc thêm hình ảnh nổi bật có thể mang lại giá trị trực quan quan trọng, thu hút sự chú ý của người đọc, củng cố bản sắc nội dung và cải thiện giao diện khi chia sẻ trên mạng xã hội. Ngoài việc làm đẹp trang, tính năng này còn hỗ trợ SEO và giúp website WordPress của bạn trông chuyên nghiệp hơn.

Tuy nhiên, việc duy trì thư viện phương tiện được sắp xếp và hiệu quả cũng rất quan trọng khi số lượng hình ảnh tải lên ngày càng tăng. Bạn có thể sử dụng WP Media Folder , một giải pháp quản lý phương tiện WordPress với các tính năng nổi bật như thư mục không giới hạn, tìm kiếm nâng cao và tích hợp đám mây. Hãy dùng thử ngay để quản lý hình ảnh nổi bật của bạn nhanh chóng, hiệu quả và dễ dàng hơn!