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 [], mà là những tiêu đề xuất hiện trên trang của bạn dưới dạng tiêu đề, tốt nhất là H1 [

], nếu bạn muốn theo kịp các phương pháp SEO tốt nhất

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ẫu

Tố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 CSS

Bạ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

  • Chuyển đến Trang -> Tất cả các trang;
  • Di con trỏ chuột qua trang, sau đó qua liên kết Chỉnh sửa, nhưng không nhấp vào liên kết đó;
  • Ở dưới cùng của trình duyệt, bạn sẽ thấy một liên kết chứa ID của trang

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 style.css của chủ đề con bạn hoặc trong hộp CSS tùy chỉnh của chủ đề của bạn [nếu có] hoặc trong tính năng “CSS bổ sung” của WordPress mà tôi sẽ sử dụng cho ví dụ của chúng tôi

  • Chuyển đến Giao diện -> Tùy chỉnh, được tìm thấy ở bên trái Trang tổng quan của bạn;
  • Nhấp vào CSS bổ sung;
  • Thêm mã bên dưới và nhấn nút Xuất bản
.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 !important vào mã, để nó trông như thế này

.page-id-367 .entry-title{
display:none !important;
}

b. Ẩn tiêu đề cho tất cả các trang

Bâ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

  • Đặt con trỏ chuột của bạn chính xác vào tiêu đề;
  • Nhấp chuột phải vào nó và chọn Kiểm tra hoặc Kiểm tra phần tử – tùy thuộc vào trình duyệt;
  • Sau đó, một cửa sổ nhỏ sẽ xuất hiện, làm nổi bật chính xác tiêu đề tiêu đề của bạn [thường là

    ] và lớp của nó

 

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 plugin

Không có nhiều plugin làm được điều này, nhưng tôi đã tìm được hai plugin

  1. Ẩn trang và tiêu đề bài viết
  2. Xóa tiêu đề

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

Chủ Đề