Cách ẩn hình ảnh nổi bật trên các bài viết riêng lẻ trong WordPress

Một số người có thể không muốn hiển thị hình ảnh nổi bật trên các bài viết blog riêng lẻ, dù là do vấn đề hiệu năng, lựa chọn thiết kế, hoặc tập trung nội dung. 

Ví dụ, bạn có thể không muốn hình ảnh nổi bật trên các bài viết chứa nhiều văn bản như hướng dẫn hoặc thông báo, vì nó có thể làm người truy cập mất tập trung khỏi nội dung chính. Ẩn hình ảnh nổi bật cũng có thể cải thiện tốc độ tải trang, đặc biệt đối với người dùng trên thiết bị di động.

Nếu bạn'đang hướng tới cùng mục tiêu, chúng tôi sẽ hướng dẫn bạn cách ẩn hình ảnh nổi bật trên các bài đăng blog cá nhân của bạn!

Cách Ẩn Hình Ảnh Nổi Bật Riêng Lẻ

Có một số cách để ẩn hình ảnh nổi bật khỏi các bài đăng trên blog của bạn. Nếu bạn không có kinh nghiệm lập trình, bạn có thể sử dụng một plugin đơn giản để hoàn thành công việc.

Nhưng nếu bạn không muốn cài đặt bất kỳ plugin nào, bạn có thể áp dụng cách tiếp cận kỹ thuật hơn bằng cách chỉnh sửa các tệp theme hoặc sử dụng CSS tùy chỉnh. Dưới đây, chúng tôi đã giải thích từng phương pháp từng bước:

Phương pháp 1: Sử dụng Plugin

Bạn có thể sử dụng plugin Hiển thị Điều kiện Hình ảnh nổi bật để nhanh chóng ẩn hình ảnh nổi bật. Plugin phổ biến này có sẵn miễn phí trong thư mục plugin của WordPress.

Với plugin này, bạn có thể chọn ẩn hình ảnh nổi bật trên các bài viết riêng lẻ hoặc trên trang blog hiển thị danh sách tất cả các bài đã xuất bản.

Nếu bạn muốn thử phương pháp dễ dàng này, let's bắt đầu bằng cách cài đặt nó trước:

1. Cài đặt và kích hoạt plugin

Nếu bạn đã biết cách cài đặt và kích hoạt một plugin trong WordPress, bạn có thể chuyển sang bước tiếp theo. Nhưng nếu đây là lần đầu tiên của bạn, hãy tiếp tục bằng cách làm theo các bước dưới đây:

• Mở bảng điều khiển quản trị WordPress của bạn.
• Nhấp vào Plugins menu từ thanh bên.

• Nhấp Add Plugin để mở Plugin Directory
• Nhập Conditionally Display Featured Image

• Nhấn Cài đặt ngay để tải plugin.
• Sau khi cài đặt, nhấn Kích hoạt để kích hoạt nó trên trang của bạn.

2. Chỉnh sửa bài viết mong muốn

Sau khi plugin được kích hoạt, bạn có thể trực tiếp vào bài viết mà bạn muốn ẩn ảnh đại diện. Sau đó, làm theo các bước dưới đây để tìm hộp kiểm cho phép bạn ẩn ảnh:

• Mở bài viết blog bạn muốn chỉnh sửa.
• Nhấn Cài đặt để truy cập trình chỉnh sửa.

• Trong thanh bên, chuyển đến Bài viết tab.
• Ở đầu tiên, bạn sẽ thấy hình ảnh nổi bật của mình. Bên dưới, bạn sẽ tìm thấy tùy chọn: Hiển thị hình ảnh nổi bật chỉ trong danh sách bài viết, nhưng ẩn nó trong chế độ xem bài viết đơn.

• Đánh dấu vào ô kiểm để ẩn hình ảnh nổi bật trong bài viết cụ thể đó.
• Tiếp theo, lưu các thay đổi bằng cách nhấp vào Cập nhật/Lưu nút (nếu bài đã được xuất bản) hoặc Xuất bản nút (nếu nó vẫn là bản nháp).

3. Cập nhật bài viết để áp dụng các thay đổi

Bước này hoàn thành khi bạn nhấp vào Lưu hoặc Cập nhật nút. Tuy nhiên, hãy chắc chắn kiểm tra giao diện người dùng của trang để xác nhận rằng hình ảnh nổi bật thực sự đã bị ẩn.

Có hai cách để thực hiện việc này:

• Kiểm tra phiên bản trực tiếp của bài đã xuất bản
• Hoặc xem trước bản nháp của bạn trước khi xuất bản

Đây' là một cái nhìn về kết quả trước và sau:

Phương pháp 2: Sử dụng CSS tùy chỉnh

Nếu hình ảnh nổi bật vẫn xuất hiện trên các bài viết của bạn, don't lo lắng vì chúng tôi có một phương pháp khác để giúp bạn khắc phục vấn đề này.

Bạn có thể sử dụng mã CSS tùy chỉnh để ẩn nó khỏi góc nhìn của user's. Tuy nhiên, hãy nhớ rằng phương pháp này có thể ảnh hưởng nhẹ đến hiệu suất, vì hình ảnh nổi bật vẫn sẽ được tải ngay cả khi nó không hiển thị.

Nếu điều' không phải là mối quan tâm của bạn, hãy tiếp tục và làm theo hướng dẫn dưới đây:

1. Xác định ID bài viết cụ thể

Để đảm bảo mã CSS chỉ ảnh hưởng đến một bài đăng riêng lẻ, bạn cần tìm ID bài đăng của nó. ID bài đăng là một số duy nhất xác định mỗi bài đăng trong WordPress.

Ví dụ, URL có thể bao gồm post=111, trong đó 111 là ID bài đăng.

Tuy nhiên, nếu trang web của bạn sử dụng liên kết tĩnh thân thiện với SEO, bạn won't thấy ID bài đăng trực tiếp trong URL.

Đây's cách để tìm nó thay thế:

• Đi tới bảng điều khiển quản trị WordPress của bạn.
• Nhấp vào bài viết bạn muốn chỉnh sửa.
• Nhìn vào thanh URL trong trình duyệt của bạn.
• Bạn sẽ thấy một URL bao gồm ID bài viết như dưới đây.

2. Thêm CSS tùy chỉnh để ẩn ảnh đại diện cho bài viết đó

Sau khi xác định ID bài viết, bước tiếp theo là thêm nó vào mã CSS tùy chỉnh của bạn. WordPress có tính năng tích hợp để thêm CSS, vì vậy bạn sẽ không' cần cài đặt bất kỳ plugin bên thứ ba nào.

Bạn có thể thêm mã CSS thông qua Customizer menu. Phương pháp này chỉ yêu cầu kiến thức lập trình cơ bản, vì vậy không cần lo lắng.

Chúng tôi sẽ hướng dẫn bạn qua các bước dưới đây:

• Nhấp vào Appearance menu từ thanh bên, và chọn Customize.

• Bạn sẽ được chuyển đến Customizer menu.

• Cuộn xuống và nhấp vào Additional CSS phần.
• Dán mã dưới đây vào hộp soạn thảo. Don't quên thay thế ID bài viết bằng ID bài viết thực tế của bạn.

.postid-51442 .post-thumbnail { display: none; } 

• Cuối cùng, nhấp vào Xuất bản để áp dụng các thay đổi. Hình ảnh nổi bật của bạn bây giờ sẽ bị ẩn khỏi bài viết đó.

Phương pháp 3: Chỉnh sửa các tệp Theme

Nếu các phương pháp trên don't mang lại kết quả mong muốn, bạn có thể thử chỉnh sửa các tệp theme .

Nhưng, điều này nên được coi là biện pháp cuối cùng, vì việc chỉnh sửa các tệp theme có thể gây lỗi hoặc làm hỏng một số tính năng.

Hãy chắc chắn sao lưu một bản dự phòng phòng khi cần. Sau đó, cảnh báo, hãy bắt đầu:

1. Mở tệp functions.php của theme'

Có nhiều .php tệp trong một theme, chẳng hạn như single.php, content.php và functions.php. Nó phụ thuộc vào theme's cấu trúc.

Đối với phương pháp này, bạn cần tìm vị trí tệp functions.php. Đây là cách để tìm nó:

• Mở Giao diện menu từ thanh bên.
• Nhấn vào Theme Trình chỉnh sửa tệp.

• Nó sẽ mở theme trình chỉnh sửa như dưới đây. 

• Cuộn xuống Theme Tệp menu và tìm functions.php.

• Nhấn để mở tệp. 

2. Thêm các câu lệnh điều kiện để loại trừ ảnh đại diện cho các bài viết cụ thể

Bây giờ bạn đã mở functions.php tệp, thêm đoạn mã sau để ẩn hình ảnh nổi bật trên các trang bài viết đơn.

function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // thêm bộ lọc add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 ); 

Để đảm bảo mã chỉ ẩn hình ảnh đại diện khỏi một bài viết cụ thể, thay thế is_single() bằng is_single(123), trong đó 123 là ID của bài viết bạn muốn nhắm tới.

Sau đó, lưu các thay đổi bằng cách nhấp vào Cập nhật tệp nút.

Cách ẩn ảnh đại diện trong tất cả các bài viết đơn

Nếu bạn muốn ẩn hình ảnh nổi bật trên tất cả các bài viết riêng lẻ của mình, Neve theme giúp bạn dễ dàng hơn. 

Chỉ với vài cú nhấp chuột, phương pháp này sẽ đảm bảo hình ảnh nổi bật được ẩn trên các trang bài viết của bạn.

Nếu bạn đã cài đặt Neve theme , bạn có thể tiếp tục với các bước dưới đây:

• Trong bảng điều khiển quản trị WordPress của bạn, hãy chuyển đến Appearance và nhấp vào Customize.
• Đi tới Blog phần.

• Bạn sẽ thấy hai kiểu bố cục: Normal và Cover. Các bước để ẩn hình ảnh nổi bật khác nhau cho mỗi bố cục:

Đối với Bố cục Normal:

1. Cuộn xuống và tìm phần Thumbnail phần.
2. Nhấn vào biểu tượng mắt bên cạnh Thumbnail để tắt nó.
3. Áp dụng thay đổi này bằng cách nhấn nút Publish.
4. Hình ảnh nổi bật sẽ được ẩn trên các bài viết sử dụng bố cục tiêu đề Normal.

Đối với Bố cục Cover:

1. Cuộn xuống để tìm Ẩn Hình ảnh Đặc trưng công tắc.
2. Bật công tắc này bật.
3. Nhấn Xuất bản để lưu cài đặt.

• Sau khi lưu cài đặt, chờ vài giây để các thay đổi có hiệu lực.
• Sau đó, kiểm tra bằng cách truy cập một trong các bài đăng đơn của bạn để xem liệu các hình ảnh đặc trưng có bị ẩn hay không.

Hãy nhớ, bạn phải có Neve theme được cài đặt để sử dụng phương pháp này. Nếu bạn chưa cài đặt nó, hãy thử cài đặt và kích hoạt nó từ Themes Thư mục. Chỉ cần gõ Neve vào trường tìm kiếm và bạn sẽ tìm thấy nó.

Tại sao không nên chỉnh sửa các tệp Theme ?

Chúng tôi đã nhắc bạn không nên chỉnh sửa các tệp theme nếu không cần thiết. Lý do đơn giản: nó có thể làm hỏng trang web của bạn.

Vì vậy, chúng tôi đã tổng hợp một vài giải pháp an toàn hơn về cách ẩn ảnh nổi bật mà không cần chỉnh sửa tệp theme's:

• Sử dụng Plugin Code Snippets: Code Snippet là một plugin miễn phí cho phép bạn thêm PHP tùy chỉnh vào các bài viết riêng lẻ của mình. Nó hoạt động tuyệt vời mà không gây rủi ro làm hỏng trang web của bạn.
• Plugin Tính năng Tùy chỉnh: Plugin này cho phép bạn gắn một PHP tùy chỉnh, thay vì gõ trực tiếp vào theme tệp.

Kết luận

Bạn không cần phải thử tất cả các phương pháp trên để ẩn ảnh nổi bật trong WordPress. Chỉ cần tìm phương pháp phù hợp với nhu cầu của bạn.

Quản lý một số lượng lớn ảnh nổi bật có thể tốn thời gian, đặc biệt khi thư viện media của bạn trở nên lộn xộn.