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 đã có giải pháp cho 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 để sửa lỗi ảnh đại diện 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 hàng tấn chủ đề phong cách và thú vị theme để làm mới diện mạo trang web của bạn, điều này khiến việc tùy chỉnh giao diện trở nên thú vị. Tuy nhiên, một số bạn có thể quên kiểm tra xem theme có hỗ trợ hình ảnh nổi bật hay không.

Một số theme thực sự không hỗ trợ hình ả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 hình ảnh nổi bật của bạn không hiển thị ngay cả khi bạn đã thêm đúng cách, lý do nà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, dù là trong trình chỉnh sửa bài đăng, theme cài đặt hoặc trình xây dựng trang, bạn có thể vô tình tắt tùy chọn này.

Đảm bảo cài đặt hiển thị của bạn được cấu hình đúng để hình ảnh xuất hiện như dự định. Đôi khi, một hộp kiểm không được chọn có thể là lý do hình ảnh của bạn bị thiếu, mặc dù chúng thực sự có ở đó.

3. Xung đột plugin

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

Vấn đề này khá phổ biến, vì các plugin và theme có thể có các tập lệnh xung đột. Nếu bạn biết plugin nào đang 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 ảnh nổi bật lớn hơn lên trang web của mình. Để khắc phục điều này là 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 sẽ hiển thị khi chỉnh sửa một 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 một số cài đặt theme mặc định đã vô hiệu hóa nó.

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 vấn đề này với các giải pháp của chúng tôi, mà chúng tôi sẽ thảo luận trong hướng dẫn từng bước dưới đây.

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 theme không hỗ trợ hình ảnh nổi bật và bạn không muốn bắt đầu lại từ đầu, có một giải pháp.
Bạn vẫn có thể kích hoạt hình ảnh nổi bật bằng cách chỉnh sửa đơn giản file functions.php. File này có thể được tìm thấy trong thư mục theme của bạn, thường nằm tại wp-content/themes/tên-theme-của-bạn/functions.php.

Hãy thử mở file đó và thêm đoạn mã: add_theme_support('post-thumbnails'); vào cuối.

Đừng quên lưu lại thay đổi để chúng có hiệu lực. Khi được thêm vào, theme của bạn giờ đây sẽ hỗ trợ hình ảnh nổi bật.

Nhưng nếu hình ảnh nổi bật vẫn không hiển thị, bạn có thể cần sửa đổi các file 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 ảnh đại diện WordPress không hiển thị là xung đột plugin. Cách hiệu quả nhất để giải quyết vấn đề là tự tay đi qua các plugin đã cài đặt và vô hiệu hóa chúng từng cái một.

Phương pháp này không yêu cầu cài đặt bất kỳ công cụ của bên thứ ba nào. Nếu điều đó nghe có vẻ quá khó khăn, đặc biệt là 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 theme hiệ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á sâu vào mã code, bạn có thể sử dụng một plugin như WP Speed of Light, Disable Lazy Load, LiteSpeed Cache, hoặc WP Rocket. Những công cụ này cho phép bạn thiết lập cài đặt 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 một lựa chọn thân thiện hơn với người dùng không chuyê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.

• Tìm kiếm dòng sau: define('WP_MEMORY_LIMIT', '32M');
• Sửa đổi giá trị khi cần. 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.