Cách sửa lỗi ảnh nổi bật không hiển thị trong WordPress (6 cách)

Ảnh nổi bật trong WordPress hoạt động như các móc hình ảnh. Chúng thường là điều đầu tiên mà khách truy cập nhận thấy. Một ảnh nổi bật tốt có thể nâng cao hình thức của trang web và tạo ấn tượng đầu tiên mạnh mẽ. 

Nhưng khi những hình ảnh này không hiển thị đúng cách, nó có thể dẫn đến trải nghiệm người dùng kém, bố cục kém hấp dẫn và thậm chí có thể ảnh hưởng tiêu cực đến hiệu suất SEO.

Nếu bạn đang gặp phải vấn đề này, đừng lo lắng vì chúng tôi sẽ giúp bạn. Trong bài viết này, bạn sẽ tìm thấy sáu giải pháp dễ dàng để khắc phục lỗi hình ảnh nổi bật không hiển thị trong WordPress! 

Nguyên nhân phổ biến cho vấn đề ảnh đại diện

Trước khi đi sâu vào giải pháp, điều quan trọng là phải hiểu nguyên nhân cơ bản khiến hình ảnh nổi bật không hiển thị trong WordPress. Dưới đây là một số lý do phổ biến nhất: 

1. Theme không hỗ trợ hình ảnh nổi bật

WordPress cung cấp vô số theme) phong cách và thú vị để làm nổi bật trang web của bạn, khiến việc tùy chỉnh giao diện trở nên hấp dẫn. Tuy nhiên, một số người có thể quên kiểm tra xem theme có hỗ trợ ảnh nổi bật hay không.

Một số themethực tế không hỗ trợ ảnh nổi bật theo mặc định, hoặc có thể yêu cầu các bước bổ sung để kích hoạt chúng.

Vì vậy, nếu ảnh nổi bật của bạn không hiển thị ngay cả khi bạn đã thêm chúng đúng cách, thì đây có thể là nguyên nhân. 

2. Cài đặt hiển thị không chính xác

Một số cài đặt hiển thị có thể ngăn hình ảnh nổi bật hiển thị. Nếu bạn đã điều chỉnh cấu hình mặc định, cho dù trong trình chỉnh sửa bài đăng, theme hay trình tạo trang, bạn có thể đã vô tình tắt tùy chọn này.

Hãy đảm bảo cài đặt hiển thị của bạn được cấu hình đúng cách để hình ảnh hiển thị như mong muốn. Đôi khi, một ô nhỏ chưa được chọn có thể là lý do khiến hình ảnh của bạn bị thiếu, mặc dù chúng thực sự vẫn ở đó. 

3. Xung đột plugin

Nếu bạn đang sử dụng nhiều plugin để hỗ trợ WordPress của mình, có thể bạn sẽ gặp phải vấn đề này. Các plugin không được hỗ trợ có thể xung đột với theme, khiến hình ảnh nổi bật không hiển thị đúng cách.

Vấn đề này khá phổ biến, vì các plugin và themecó thể có các tập lệnh xung đột. Nếu bạn biết plugin nào gây ra vấn đề, bạn có thể vô hiệu hóa nó hoặc liên hệ với nhà phát triển plugin để tìm giải pháp. 

4. Lazy loading ảnh hưởng đến khả năng hiển thị hình ảnh

Lazy loading là một tính năng được sử dụng bởi các plugin để cải thiện thời gian tải trang bằng cách chỉ tải hình ảnh khi cần thiết.

Mặc dù đây là một công cụ hữu ích, nhưng đôi khi nó có thể ngăn hình ảnh nổi bật tải. Điều này thường xảy ra nếu tính năng tải lười được kích hoạt cho tất cả hình ảnh trên trang.

Nếu bạn đã kích hoạt cài đặt này, hãy đảm bảo điều chỉnh cấu hình để lazy loading không ảnh hưởng đến hình ảnh nổi bật. Bạn cũng có thể thử chuyển sang một plugin lazy loading khác để giải quyết vấn đề. 

5. Lỗi HTTP trong quá trình tải ảnh lên

Nếu bạn thấy thông báo lỗi HTTP khi tải ảnh lên, điều đó thường có nghĩa là tệp quá lớn hoặc vượt quá giới hạn tải lên của trang web.

Đây là một vấn đề phổ biến, đặc biệt khi bạn cố gắng tải lên các hình ảnh nổi bật có kích thước lớn lên trang web của mình. Để khắc phục điều này, bạn có thể tăng giới hạn bộ nhớ PHP bằng cách chỉnh sửa tệp wp-config.php hoặc nén ảnh trước khi tải lên. 

6. Thiếu hộp meta hình ảnh nổi bật

Hộp meta hình ảnh nổi bật phải hiển thị khi chỉnh sửa bài viết hoặc trang. Nếu hộp này bị thiếu, có thể do cài đặt hiển thị không chính xác trong trình chỉnh sửa hoặc do một số theme đã tắt nó theo mặc định.

Nếu không có hộp này, bạn sẽ không thể đặt hình ảnh nổi bật. Vì vậy, bạn cần khắc phục sự cố bằng các giải pháp của chúng tôi, mà chúng ta sẽ thảo luận chi tiết trong hướng dẫn từng bước bên dưới. 

Giải pháp từng bước

Hiểu được nguyên nhân có thể giúp bạn xác định giải pháp hiệu quả nhất. Dưới đây là một số mẹo dễ dàng giúp bạn khắc phục sự cố hình ảnh nổi bật không hiển thị trong WordPress. Hãy làm theo các bước này và mang lại sự hấp dẫn trực quan cho trang web của bạn! 

1. Kích hoạt hình ảnh nổi bật trong theme của bạn

Nếu bạn đang sử dụng một theme không hỗ trợ ảnh nổi bật và không muốn bắt đầu lại từ đầu, vẫn có giải pháp.
Bạn vẫn có thể bật ảnh nổi bật bằng cách chỉnh sửa đơn giản tệp functions.php. Tệp này nằm trong theme, thường ở wp-content/theme/your-themename/functions.php.

Hãy mở tệp đó và thêm đoạn mã: add_theme_supporttheme('post-thumbnails'); vào cuối.

Đừng quên lưu thay đổi để chúng có hiệu lực. Sau khi thêm, theme sẽ hỗ trợ ảnh nổi bật.

Nhưng nếu ảnh nổi bật vẫn không hiển thị, bạn có thể cần sửa đổi các tệp mẫu (như single.php hoặc content.php) bằng cách thêm vào dòng mã nơi bạn muốn hình ảnh xuất hiện. 

2. Kiểm tra và điều chỉnh cài đặt hiển thị trong trình chỉnh sửa WordPress

Điều chỉnh cài đặt hiển thị để đảm bảo hình ảnh nổi bật xuất hiện chính xác. Bạn có thể sử dụng hướng dẫn dưới đây:

• Đi đến bất kỳ trang nào mà bạn muốn thêm hình ảnh nổi bật.
• Chọn biểu tượng dấu cộng (+) để thêm một khối.

• Sau đó, chọn WP Latest Posts.
• Kích hoạt Ảnh đại diện từ Cài đặt khối.
• Điều chỉnh hình ảnh cho phù hợp với bố cục.

3. Hủy kích hoạt các plugin để xác định xung đột

Một trong những lý do phổ biến khiến hình ảnh nổi bật trên WordPress không hiển thị là do xung đột plugin. Cách hiệu quả nhất để giải quyết vấn đề này là tự tay kiểm tra và vô hiệu hóa từng plugin đã cài đặt.

Phương pháp này không yêu cầu cài đặt thêm bất kỳ công cụ bên thứ ba nào. Nếu điều đó nghe có vẻ quá phức tạp, đặc biệt nếu bạn đã cài đặt nhiều plugin, bạn có thể sử dụng plugin Health Check & Troubleshooting. 

4. Tắt lazy loading cho ảnh đại diện nếu cần

Bạn không cần phải tắt hoàn toàn tính năng lazy loading trên trang web của mình. Bạn vẫn có thể tận dụng lazy loading để tối ưu hóa việc phân phối hình ảnh trong khi vẫn đảm bảo rằng hình ảnh nổi bật được hiển thị chính xác. Dưới đây là hai điều bạn có thể làm để khắc phục vấn đề này: 

a. Chỉnh sửa file functions.php

• Đi tới Giao diện, sau đó là Trình chỉnh sửa tệp Theme trong bảng điều khiển WordPress của bạn.
• Mở tệp functions.php của themehiện tại.
• Thêm đoạn mã sau vào file:

add_filter( 'wp_lazy_loading_enabled', function( $default, $tag_name, $context ) { if ( $context === 'the_post_thumbnail' ) { return false; } return $default; }, 10, 3 ); 

• Cuối cùng, lưu file. 

b. Sử dụng Plugin

Nếu bạn không muốn can thiệp quá nhiều vào mã lập trình, bạn có thể sử dụng các plugin như WP Speed of Light, Disable Lazy Load, LiteSpeed Cachehoặc WP Rocket. Những công cụ này cho phép bạn thiết lập lazy loading mà không cần chỉnh sửa bất kỳ tệp nào, giúp chúng trở thành lựa chọn thân thiện hơn với người dùng không phải lập trình viên.

5. Giải quyết lỗi HTTP bằng cách tăng giới hạn bộ nhớ PHP hoặc kiểm tra quyền truy cập tệp

Nếu bạn đang gặp lỗi HTTP khiến ảnh nổi bật không hiển thị, có hai cách bạn có thể xử lý. Bạn có thể tăng giới hạn bộ nhớ PHP hoặc kiểm tra quyền truy cập tệp để đảm bảo nó chính xác. Dưới đây là hướng dẫn đầy đủ cho cả hai giải pháp: 

a. Tăng giới hạn bộ nhớ PHP

Bước này yêu cầu sửa đổi .htaccess hoặc wp-config.php. Hãy thử sửa đổi từng tệp để tìm tệp phù hợp: 

1. Sửa đổi wp-config.php

• Truy cập trang web của bạn thông qua ứng dụng FTP hoặc cPanel.
• Mở Quản lý tệp và tìm wp-config.php trong thư mục gốc.

• Hãy tìm dòng sau: define('WP_MEMORY_LIMIT', '32M');
• Sửa đổi giá trị khi cần thiết. Ví dụ: define('WP_MEMORY_LIMIT', '256M');

2. Thêm mã vào tệp .htaccess

• Tìm tệp .htaccess trong thư mục gốc.
• Thêm mã này vào cuối: php_value memory_limit 256M.
• Lưu các thay đổi.

b. Kiểm tra quyền truy cập tệp

Quyền truy cập tệp không chính xác có thể gây ra lỗi HTTP khi tải ảnh lên. Quyền truy cập WordPress của bạn nên như sau:

• Tệp: Đặt thành 644
• Thư mục: Đặt thành 755

Nếu cả tệp và thư mục của bạn đều có quyền không chính xác, bạn có thể sửa đổi thủ công bằng cách làm theo cách khắc phục nhanh này:

• Mở Quản lý Tệp.
• Nhấp chuột phải vào thư mục wp-content/uploads .
• Chọn Quyền truy cập tệp hoặc Thay đổi quyền truy cập.
• Đặt quyền thư mục thành 755. Lưu thay đổi.
• Ngoài ra, hãy cập nhật quyền tệp bằng cách đặt thành 644.
• Thoát sau khi bạn đã lưu thay đổi.

6. Đảm bảo hộp meta ảnh đại diện được kích hoạt trong tùy chọn màn hình

Bạn có thể cần kích hoạt các thiết lập theo cách thủ công nếu tùy chọn ảnh nổi bật không hiển thị trong WordPress thông qua Tùy chọn Màn hình. Sử dụng các bước này để khôi phục hộp meta bị thiếu:

• Mở một bài viết trong bảng điều khiển WordPress.
• Chọn Tùy chọn màn hình ở góc trên bên phải. Vị trí có thể khác nếu bạn đang sử dụng trình chỉnh sửa khối.

• Kiểm tra Hộp Hình ảnh Nổi bật.
• Cuộn xuống bảng điều khiển trình soạn thảo và tìm phần Hình ảnh nổi bật.

• Tải lên một hình ảnh từ Thư viện Phương tiện.
• Sau đó áp dụng thay đổi. Hình ảnh sẽ xuất hiện đúng cách ngay bây giờ.

Kết luận

Giải pháp cho ảnh nổi bật WordPress không hiển thị khá dễ dàng. Việc cập nhật thường xuyên các plugin và sử dụng themephù hợp có thể ngăn chặn các vấn đề tương thích trong tương lai.

Nếu hình ảnh của bạn bị thiếu do vấn đề tổ chức phương tiện, hãy cân nhắc sử dụng một plugin như WP Media Folder. Nó cho phép bạn sắp xếp thư viện phương tiện của mình vào các thư mục không giới hạn, giúp dễ dàng tìm thấy hình ảnh bạn cần và tránh tải lên trùng lặp.

Luôn nhớ tạo bản sao lưu trước khi thực hiện bất kỳ bước nào ở trên để giữ an toàn cho dữ liệu của bạn.