Làm cách nào để xóa tiêu đề / tiêu đề trang?


10

Trong Drupal 8, có một cách dễ dàng để định cấu hình một trang để tiêu đề / tiêu đề trang của nó không được hiển thị trên trang không?

Tôi đã tạo Trang cơ bản, với / home là bí danh đường dẫn và Home là tiêu đề. Tôi đặt nó làm trang đầu. Tuy nhiên, nó sẽ hiển thị 'Trang chủ' ở đầu trang, ngay bên dưới thanh điều hướng và mẩu bánh mì.

Có cần thiết phải tạo một cấu trúc con của chủ đề 'Bootstrap' và bằng cách nào đó thêm CSS tùy chỉnh không?

Câu trả lời:


28

Drupal 8 đặt tiêu đề trang trong khối riêng của nó (được gọi là tiêu đề Trang). Bạn có thể kiểm soát thời gian và nơi khối đó hiển thị trên trang bố trí khối: / admin / architecture / block


2

bạn cũng có thể sử dụng mô-đun này cho drupal 8 https://www.drupal.org/project/exclude_node_title

  • Mô-đun này xử lý một chức năng rất đơn giản, quyết định bất cứ điều gì để loại trừ một tiêu đề nút khỏi trang nút đầy đủ hoặc các lời trêu ghẹo nút. Nó cung cấp một hộp kiểm trên các trang chỉnh sửa nút để loại trừ dễ dàng hơn. Cũng cung cấp tùy chọn để ẩn tất cả các tiêu đề của một loại Nội dung nhất định. Từ giao diện quản trị, bạn có thể chọn loại nội dung để ẩn tiêu đề.

1
Cảm ơn bạn rất nhiều vì đã giới thiệu mô-đun này, naveen. Tôi đang tìm kiếm thứ gì đó đơn giản, vượt trội, đó là lý do tại sao tôi chọn câu trả lời của acrosman. Tuy nhiên, đề xuất của bạn có vẻ hoạt động tốt như nhau và thực sự được ưa thích nếu muốn ẩn tiêu đề dựa trên loại nội dung. Tôi đã tạo một dấu trang cho mô-đun đó trong trường hợp cần phát sinh cho tôi. Cảm ơn bạn rất nhiều lần nữa vì sự giúp đỡ của bạn!
kvjava1

Tôi sẽ cảnh báo người dùng về mô-đun này; Chúng tôi đã cài đặt nó và đã sử dụng nó được một thời gian, nhưng đã gặp phải một số vấn đề bất ngờ: 1. Nó không được tích hợp với các chế độ xem, vì vậy bạn không thể tạo chế độ xem cho biết các nút nào bị loại trừ tiêu đề của họ ( drupal.org/ project / Elim_node_title / problems / 3065469 ) và 2. nó không được lưu trữ trong các phiên bản, vì vậy nếu bạn đang xem lịch sử sửa đổi của một nút, nó sẽ được hiển thị với tiêu đề của nó bất kể là gì, ngay cả khi sửa đổi đó được đặt thành loại trừ tiêu đề nút ( drupal.org/project/exclude_node_title/issues/3077257 ).
dùng1359

1

Bạn có thể làm điều này hoàn toàn với CSS. Bạn cần nhắm mục tiêu nút mà bạn đang sử dụng làm trang HOME.

Bây giờ, Drupal-7 đã tạo lớp cụ thể cho từng nút. Và theo cách này, thật dễ dàng để nhắm mục tiêu từng nút riêng lẻ và chúng tôi có thể áp dụng CSS cụ thể cho nút cụ thể đó.

Nhưng, trong Drupal 8 tài sản này không có sẵn, do đó chúng ta cần thêm điều này. làm theo các bước sau Tôi đang thể hiện điều này bằng cách sử dụng chủ đề Bartik vì tôi không quen thuộc với chủ đề Bootstrap. Bạn cũng có thể làm với chủ đề bootstrap. Nó là CSS thuần túy, vì vậy không cần chủ đề phụ.

1. Thêm chức năng vào tập tin bartik.theme.

if ($node = \Drupal::request()->attributes->get('node')) {
    $variables['attributes']['class'][] = 'page-node-' . $node->id();
  }

trong phần,

function bartik_preprocess_html(&$variables) {   

}

Tại sao tôi lại hiển thị theo cách này, vì đã có các mã khác function bartik_preprocess_html(&$variables), vì vậy hãy thêm chức năng này làm dòng cuối cùng.

Xóa bộ nhớ cache,

2. Nhận CSS cho nút đó

Bây giờ, nếu bạn làm Inspect elementtrên nút cụ thể đó. Bạn có thể tìm thấy các lớp trong <body></body>phần như page-node-XX.

3. Chuyển đến core / Themes / bartik / css / thành phần / page-title.css và thêm mã sau vào đó,

.page-node-XX .page-title {
 display: none;
}

Xóa bộ nhớ cache,

Bây giờ, theo cách này bạn có thể nhắm mục tiêu nút cụ thể đó và bạn có thể thực hiện bất kỳ CSS nào bạn muốn áp dụng.

Tín dụng cho mã chức năng: Liên kết


CodeNext, cảm ơn bạn rất nhiều vì câu trả lời chi tiết của bạn. Tôi thực sự đã có thể hoàn thành những gì tôi cần làm trước đây, như một cách hack nhanh, bằng cách thêm CSS sau vào tệp style.css của subtheme của tôi: .page-header {display: none; } Tuy nhiên, câu trả lời của acrosman dường như đưa ra cách tiếp cận đơn giản nhất. Tôi cũng thích câu trả lời của bạn vì nó giúp hiểu được nội bộ về cách thức hoạt động của chủ đề trong Drupal8. Cảm ơn một lần nữa! Tôi rất trân trọng điều này.
kvjava1
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.