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 element
trê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