【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. コンテンツエディターにCSSを書く

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

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

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

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

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

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

何はともあれ無事に消せて良かった( ^ω^)・・・

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

6浪したり、フリーターだったり、文系なのにガリレオに憧れて物理を独学してみたり、紆余曲折を経て会社員になった、中二病が治らない30代。「やりたいことが分からない」が分からない。いつも「かっこいい!」と感じる何かに突き動かされて多忙な毎日を送る。

コメント

コメント一覧 (2件)

Hyonta へ返信する コメントをキャンセル

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次