【SharePoint】ページタイトルを非表示にする方法【CSSを設定してもstyleタグの中身が消えてしまうときの対処法】

SharePoint2019でページタイトルが消せない問題に直面しました。

トップページ以外のページタイトルであれば、
[ページ] > [編集] から編集モードに入って、

[テキストの書式設定] > [ソースの編集] からHTMLソースの編集モードに入って下記を入力してOKすれば、タイトルを消すことはできるのですが、

<style type="text/css">
#pageTitle {display: none;}
</style>

SharePointのトップページで同じ事をしようとすると、
何故かstyleタグの中身が勝手に消えて下記のようになります。

<style>
</style>

[ページ] > [編集] から編集モードに入って、
[埋め込みコード] からスニペットとして同じコードをページに挿入しても、

保存すると下記のようになりCSSが全然適用できません。

<style unselectable="on">
</style>

もうこれでもかと解決策を探しまくって、

<script type="text/css">
#pageTitle {display: none;}
</script>

これでうまくいくとかいう情報もあったけど・・・
そもそも<script>が権限ではじかれる（　＾ω＾）・・・

詰んだか（　＾ω＾）・・・

と諦めかけていたところ、コンテンツエディターを使う事でstyleタグの中身が消える現象を回避できたので、シェアします。

※個人ではSharePointの環境は持ってないため画像無しになります。

コンテンツエディターに書けば解決！

大まかに分けると2ステップで完了します！

コンテンツエディターの挿入

1. [ページ] > [編集] から編集モード
2. 任意の場所で[挿入] > [Webパーツ]をクリック
3. [カテゴリ]の中の[メディアおよびコンテンツ]を選ぶと、
   [パーツ]の中に[コンテンツエディター]があるので、これを追加します。

コンテンツエディターにCSSを書く

1. 挿入したコンテンツエディターを選択し、
   [WEBパーツ] > [Webパーツのプロパティ]をクリックすると
2. コンテンツエディターに[ここをクリックして新しいコンテンツを追加]と表示されるので
3. [ここをクリックして新しいコンテンツを追加]をクリックし、
   [テキストの書式設定] > [ソースの編集] からHTMLソースの編集モードに入り
4. 下記を記載してOK

<style type="text/css">
#pageTitle {display: none;}
</style>

この内容でページの編集を保存して閉じると…
トップページのページタイトルは見事消えました！

トップページのソースに直接styleタグを書くと中身が消えるけど
トップページに挿入したコンテンツエディターにstyleタグを書くことで中身が消える問題を回避できるんですね！

何はともあれ無事に消せて良かった（　＾ω＾）・・・