Cách ẩn tiêu đề trang trong Elementor

Rifat Elementor Mar 22, 2023

Tìm cách xóa tiêu đề trang trong Elementor ? Nếu đúng như vậy, bạn đang đi đúng hướng. Chúng tôi sẽ hướng dẫn bạn qua các bước trong bài viết này.

Tiêu đề trang là điều cần thiết trong tất cả các trình tạo trang, kể cả Elementor. Tiêu đề trang, như bạn có thể biết, xuất hiện ở đầu mỗi trang, ngay phía trên nội dung.

Bài viết này sẽ chỉ cho bạn cách xóa tiêu đề trang trong trình tạo trang Elementor . Nếu bạn muốn tìm hiểu quy trình, đừng đi đâu cả.

Trước khi chúng tôi bắt đầu quá trình xóa tiêu đề trang, điều quan trọng là phải hiểu tiêu đề trang là gì và tại sao nên xóa tiêu đề đó.

Tạo trang web tuyệt vời

Với trình tạo trang miễn phí tốt nhất Elementor

Bắt đầu bây giờ

Bắt đầu nào!

Tiêu đề trang & tầm quan trọng của việc xóa nó là gì?

Tiêu đề trang, còn được gọi là thẻ tiêu đề, là một mô tả ngắn gọn về trang web xuất hiện ở đầu cửa sổ trình duyệt và trong các trang kết quả của công cụ tìm kiếm (SERPs). Nó là một thành phần thiết yếu của một trang SEO được tối ưu hóa tốt. Thẻ tiêu đề của một trang nên bao gồm từ khóa của trang.

Trong trình tạo trang Elementor, bạn có thể kéo và thả để tạo bất kỳ trang nào. Mặc dù tiêu đề trang có thể cải thiện SEO và thông báo cho khách truy cập về nội dung của trang, nhưng bạn có thể cần xóa tiêu đề trang trong Elementor vì bất kỳ lý do gì.

Bạn có thể muốn xóa tiêu đề trang vì nhiều lý do. Vì Elementor không yêu cầu kiến ​​thức mã hóa nên bạn có thể hoàn thành tác vụ này chỉ bằng một cú nhấp chuột.

Sau đây là những lý do phổ biến nhất để xóa tiêu đề trang:

  • Thông thường, các trang đích/bán hàng được tạo trên một canvas trống không có đầu trang, chân trang hoặc tiêu đề.
  • Trong trường hợp không khớp giữa URL trang và tiêu đề, WordPress sẽ sử dụng tên trang đã cho làm URL trang. Chúng tôi thường muốn đặt tên khác cho chúng, vì vậy chúng tôi phải xóa hoặc ẩn tiêu đề.
  • Để thay đổi kiểu mặc định, tiêu đề trang sẽ tự động kế thừa các quy tắc CSS của chủ đề đang được sử dụng. Nếu chúng ta muốn thay đổi giao diện của nó, trước tiên chúng ta phải xóa nó và sau đó tạo kiểu lại bằng Elementor.

Bất kể lý do là gì, việc xóa tiêu đề trang trong Elementor là một quy trình đơn giản. Để xóa tiêu đề trang trong Elementor, bạn phải thực hiện một số bước.

Ẩn tiêu đề trang trong Elementor

Nếu đang sử dụng Elementor, bạn có thể ẩn tiêu đề chỉ bằng một cú nhấp chuột mà không cần bất kỳ mã hoặc plugin nào.

Thực hiện các bước sau:

  1. Điều hướng đến trang của bạn và chọn 'Chỉnh sửa bằng Elementor. Ở đây, chúng tôi đã tạo một trang có tiêu đề mà chúng tôi sẽ ẩn.

Ở dưới cùng bên trái của bảng tiện ích, hãy nhấp vào biểu tượng bánh răng Cài đặt tài liệu.

Bật 'Ẩn tiêu đề'.

Xong! Bạn đã ẩn tiêu đề thành công mà không cần mã hóa.

Điều gì xảy ra nếu không thể ẩn tiêu đề?

Xin lưu ý rằng nếu chủ đề của bạn sử dụng một lớp khác cho tiêu đề, thì tùy chọn này sẽ không hoạt động và phải được đặt theo cách thủ công.

Lớp mặc định của hầu hết các chủ đề là:

<h1 class="entry-title">Title</h1>

Nếu chủ đề của bạn sử dụng một lớp khác, bạn phải sửa đổi Bộ chọn tiêu đề trang.

  • Đơn giản chỉ cần "Chỉnh sửa Elementor" bất kỳ trang hoặc bài đăng nào.
  • Nhấp vào Cài đặt trang web từ biểu tượng menu hamburger ở góc trên bên trái của Bảng tiện ích phần tử.
  • Nhấp vào Bố cục trong menu Cài đặt.

Bạn có thể tìm thấy trường Bộ chọn Tiêu đề Trang với mô tả sau tại đây:

Bạn có thể ẩn tiêu đề trang trong Elementor. Điều này áp dụng cho các chủ đề có bộ chọn "h1.entry-title". Nếu chủ đề của bạn có bộ chọn khác, vui lòng nhập bộ chọn đó ở trên.

Bây giờ, hãy thêm bộ chọn tiêu đề cho chủ đề của bạn và chức năng ẩn tiêu đề sẽ hoạt động.

Để xác định tên lớp Truy cập trang của bạn trong Chrome, sau đó nhấp chuột phải vào tiêu đề bạn muốn ẩn, chọn "Kiểm tra phần tử" và ghi chú tên lớp H1, được hiển thị trong dấu ngoặc kép, như minh họa bên dưới.

Ví dụ: nếu tên lớp là "abc-page-title", bạn sẽ nhập h1.abc-page-title vào Bộ chọn Tiêu đề Trang trong phần Elementor > Settings > Style đã đề cập ở trên.

kết thúc

Chúng tôi đã trình bày cách xóa tiêu đề trang trong Elementor . Chúng tôi hy vọng rằng bây giờ bạn đã học được quy trình này, nó sẽ giúp bạn rất nhiều và bạn có thể sử dụng nó trên trang web của riêng mình khi cần.

Cảm ơn bạn đã dành thời gian để đọc bài viết này. Chúc một ngày tốt lành.

Divi WordPress Theme