Cách ẩn tiêu đề trang trong WordPress mà không cần plugin
Lưu ý rằng tôi không đề cập đến các tiêu đề trang xuất hiện trong tab trình duyệt ( Show
Trong một số trường hợp, chẳng hạn như khi bạn đang xây dựng trang chủ hoặc trang đích của mình, bạn có thể muốn xóa tiêu đề đó để thêm tiêu đề tùy chỉnh, điều này sẽ hiệu quả hơn khi tiếp thị Vì vậy, trong bài viết này, tôi sẽ chỉ cho bạn cách ẩn tiêu đề trong WordPress cho các trang cụ thể hoặc cho tất cả chúng, thông qua khu vực chỉnh sửa, tùy chọn chủ đề, CSS hoặc thông qua plugin Hãy bắt đầu với phương pháp đơn giản nhất 1. Ẩn Tiêu đề Trang trong WordPress…bằng cách không thêm tiêu đề…cái gì?Khi bạn tạo một trang, bạn chỉ cần để nó không có tiêu đề Permalink của bạn sẽ vẫn còn, đừng lo lắng. Và bạn luôn có thể chỉnh sửa nó theo cách bạn muốn Mặc dù phương pháp này rất dễ dàng, nhưng sẽ không lý tưởng nếu bạn có nhiều trang không có tiêu đề, vì bạn sẽ không thể biết trang nào là trang nào. Hiểu ý tôi chứ? Xuống cái tiếp theo 2. Ẩn tiêu đề trang trong WordPress thông qua các tùy chọn chủ đề hoặc mẫuTốt nhất là bạn luôn xem qua tất cả các tùy chọn của chủ đề, để bạn có thể hiểu rõ hơn về chủ đề đó, để xem chủ đề đó cung cấp những gì và không có gì Mặc dù nó khá hiếm nhưng một số chủ đề WordPress có thể có một tính năng trong các tùy chọn của nó cho phép bạn ẩn tiêu đề cho một số trang nhất định hoặc cho tất cả chúng. Bạn chắc chắn sẽ tìm thấy một tùy chọn như vậy trong một chủ đề WordPress cao cấp Mặt khác, chủ đề thường chứa các mẫu trang khác nhau, có các chức năng khác nhau. Khi tạo một trang, ở bên phải, bên dưới Thuộc tính trang, bạn sẽ tìm thấy một menu thả xuống với các mẫu khác nhau Những gì và bao nhiêu mẫu trang bạn tìm thấy ở đó, tùy thuộc vào chủ đề bạn đang sử dụng Kiểm tra chúng hoặc đọc tài liệu của chủ đề để tìm hiểu xem một mẫu có ẩn tiêu đề trang không. Hoặc đơn giản, mở một vé hỗ trợ
3. Ẩn tiêu đề trang trong WordPress qua CSSBạn sẽ phải làm bẩn tay một chút cho việc này. Đừng lo lắng, nó không khó và tôi sẽ hướng dẫn bạn từng bước Mặc dù phương pháp này khá đơn giản, nhưng nó không phải là lý tưởng, vì Google không phải là người thích nội dung ẩn, bởi vì về cơ bản, bạn chỉ ẩn tiêu đề ở giao diện người dùng, nhưng nó vẫn nằm trong mã nguồn mà Google thu thập dữ liệu Tôi sẽ chỉ cho bạn cách thực hiện cho một trang cụ thể hoặc cho tất cả các trang a. Ẩn tiêu đề cho một trang cụ thểTrước tiên, bạn sẽ cần ID trang Để làm được điều đó, bạn cần phải
Như bạn có thể thấy, ID của trang mà tôi đã chọn là 367 Bây giờ bạn đã có ID, bạn cần thêm một số mã CSS Bạn có thể thêm mã CSS ở những nơi khác nhau. trong tệp
.page-id-367 .entry-title{ display:none; } Tất nhiên, bạn nên thay đổi ID đó (367) bằng ID của riêng bạn, bất kể đó là gì Nếu thay đổi không có hiệu lực sau khi làm mới trang, hãy xóa trang và bộ nhớ cache của trình duyệt Nếu nó vẫn không có hiệu lực, hãy thêm .page-id-367 .entry-title{ display:none !important; } b. Ẩn tiêu đề cho tất cả các trangBây giờ chúng ta sẽ sử dụng CSS để ẩn tiêu đề trang trên toàn cầu Vào Giao diện -> Tùy chỉnh, như tôi đã chỉ ra ở trên, nhưng thay vào đó hãy thêm mã này .page .entry-title{ display:none; } Điều này sẽ hoạt động tốt trong hầu hết các trường hợp, nhưng có thể xảy ra trường hợp một số trang, vì bất kỳ lý do gì, có một lớp CSS khác cho tiêu đề của chúng, như tôi đã thấy trên chủ đề mặc định của WordPress, Twenty Seventeen Trang “Blog” trên Twenty Seventeen không sử dụng lớp .page-id-367 .entry-title{ display:none !important; }0, mà là lớp .page-id-367 .entry-title{ display:none !important; }1 Vì vậy, nếu bạn đã thêm mã ở trên, nhưng một hoặc hai trang vẫn hiển thị tiêu đề, bạn sẽ phải tìm hiểu lớp CSS của họ Đối với điều đó, bạn sẽ phải
Như bạn có thể thấy, nó có .page-id-367 .entry-title{ display:none !important; }1 chứ không phải .page-id-367 .entry-title{ display:none !important; }2 như các trang khác Vì vậy, chúng ta cũng sẽ phải thêm lớp đó vào mã CSS ở trên. Và mã sẽ trông như thế này bây giờ .page .entry-title, .page-title{ display:none; } Các lớp có thể khác nhau tùy theo chủ đề, nhưng bạn có thể tìm thấy chúng bằng cách sử dụng phương pháp tôi đã chỉ cho bạn ở trên. Sau đó, bạn chỉ cần thay thế chúng trong mã CSS 4. Ẩn tiêu đề trang trong WordPress thông qua một pluginKhông có nhiều plugin làm được điều này, nhưng tôi đã tìm được hai plugin
Tôi đã kiểm tra cả hai theo chủ đề Twenty Seventeen và chúng hoạt động tốt, không có vấn đề gì. Tuy nhiên, tôi không thể đảm bảo chúng sẽ hoạt động tốt với mọi chủ đề Họ không có bất kỳ cài đặt nào, họ chỉ thêm một hộp meta đơn giản ở phía bên phải của khu vực chỉnh sửa Bây giờ, có một số tin tốt và một số tin xấu. Tôi sẽ bắt đầu với những tin xấu Các plugin không có tùy chọn để ẩn tất cả các tiêu đề trang. Bạn sẽ phải ẩn từng tiêu đề một Bây giờ, tin tốt Bạn có nhớ tôi đã đề cập ở trên rằng Google không thích ẩn nội dung không? Chà, plugin thứ hai, Title Remover, cũng xóa tiêu đề khỏi mã nguồn, nó không chỉ ẩn nó khỏi giao diện người dùng như plugin đầu tiên (và phương pháp CSS của chúng tôi) đã làm. Như bạn có thể thấy, plugin đầu tiên, Hide Page And Post Title, chỉ thêm một lớp CSS để ẩn tiêu đề khỏi giao diện người dùng, nó không xóa nó hoàn toàn Plugin thứ hai cũng ngăn việc có hai tiêu đề H1 trên một trang, đây không phải là cách tốt nhất cho SEO, đặc biệt nếu một trong số chúng bị ẩn Vì vậy, nếu plugin thứ hai hoạt động tốt với chủ đề của bạn, bạn chắc chắn nên sử dụng plugin đó
Đó là nó cho hướng dẫn này. Hy vọng bạn thấy nó hữu ích và toàn diện. Tôi khá chắc chắn rằng bạn có thể có một hoặc hai câu hỏi, vì vậy hãy để nó trong phần bình luận bên dưới |