ページのタイトル/ヘッダーを削除するにはどうすればよいですか？

10

Drupal 8では、ページヘッダー/タイトルがページに表示されないようにページを構成する簡単な方法はありますか？

/ homeをパスエイリアス、Homeをタイトルとして、基本ページを作成しました。フロントページに設定しました。ただし、ページの上部、ナビゲーションバーとブレッドクラムのすぐ下に「ホーム」と表示されます。

「ブートストラップ」テーマのサブテーマを作成し、どういうわけかカスタムCSSを追加する必要がありますか？

8 theming

— kvjava1
ソース

28

Drupal 8は、ページタイトルを独自のブロック（ページタイトルと呼ばれます）に配置します。そのブロックがブロックレイアウトページにいつ、どこに表示されるかを制御できます：/ admin / structure / block

— アクロマン
ソース

2

このモジュールをdrupal 8に使用することもできますhttps://www.drupal.org/project/exclude_node_title

このモジュールは非常に単純な機能を処理し、ノードのタイトルを完全なノードページまたはノードティーザーから除外するものを決定します。簡単に除外できるようにノード編集ページにチェックボックスを提供します。特定のコンテンツタイプのすべてのタイトルを非表示にするオプションも提供します。管理インターフェースから、タイトルを非表示にするコンテンツタイプを選択できます。

— ナビーン
ソース

1

このモジュール、naveenを推奨していただき、誠にありがとうございます。シンプルですぐに使えるものを探していたので、アクロマンの答えを選びました。ただし、提案は同じように機能するように思われ、コンテンツタイプに基づいてタイトルを非表示にする場合は実際に推奨されます。必要に応じて、そのモジュールへのブックマークを作成しました。ご協力ありがとうございました！

— kvjava1

このモジュールについてユーザーに警告します。私たちはそれをインストールしてしばらく使用しましたが、いくつかの驚きを得ました：1.これはビューと統合されていないため、タイトルが除外されているノードを示すビューを作成できません（drupal.org/ project / exclude_node_title / issues / 3065469）、および2.リビジョンに保存されていないため、ノードのリビジョン履歴を表示している場合、そのリビジョンが何に設定されていても、そのタイトルが表示されます。ノードのタイトルを除外します（drupal.org/project/exclude_node_title/issues/3077257）。

— user1359

1

CSSでこれを完全に行うことができます。ホームページとして使用しているノードをターゲットにする必要があります。

現在、Drupal-7は各ノードに特定のクラスを生成していました。このようにして、個々のノードをターゲットにするのは簡単で、特定のCSSをその特定のノードに適用することができました。

しかし、Drupal 8ではこのプロパティは使用できないため、これを追加する必要があります。次の手順に従ってください。Bootstrapテーマに慣れていないため、Bartikテーマを使用してこれを示しています。あなたもブートストラップテーマで行うことができます。純粋なCSSなので、サブテーマは必要ありません。

1.関数をbartik.themeファイルに追加します。

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

のセクションで、

function bartik_preprocess_html(&$variables) {   

}

なぜこのように表示しているのですか、すでに他のコードがfunction bartik_preprocess_html(&$variables)あるため、この関数を最後の行として追加します。

キャッシュの消去、

2.そのノードのCSSを取得します

さて、Inspect elementその特定のノードで行う場合。クラスは<body></body>セクションにありpage-node-XXます。

3. core / themes / bartik / css / components / page-title.cssに移動し、以下のコードを追加します。

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

キャッシュの消去、

これで、この方法で特定のノードをターゲットにして、適用するCSSを実行できます。

機能コードのクレジット： リンク

— CodeNext
ソース

CodeNext、詳細な回答をありがとうございました。実際、サブテーマのstyles.cssファイルに次のCSSを追加することで、簡単なハックとして以前に必要なことを達成できました。.page-header {display：none; しかし、アクロマンの答えは最も単純なアプローチを提供するように見えました。Drupal8でテーマ設定がどのように機能しているかの内部を理解するのに役立つので、私もあなたの回答を気に入りました。再度、感謝します！ほんとうにありがとう。

— kvjava1