SharePoint 2010 特定のページでサイド リンク バーを非表示に

こんばんは、奥田です。
今日はお客様からいただいた質問から、サイド リンク バーを特定のページで非表示にする Tips のご紹介です。

次のスタイルでサイド リンク バーは非表示となります。

#s4-leftpanel
{
  display : none;
}
.s4-ca
{
margin-left : 0px !important;
}

● 特定のページのみサイド リンク バーを消したい場合
   ・ SPD でページを開き、ソースコード内に上記スタイルを追加
   ・ コンテンツ エディター Web パーツでスタイルを追加

● サイト内全ページでサイド リンク バーを消したい場合
   ・ マスターページにスタイルを追加 (CSS ファイルでも master 内でも)

以上。奥田理恵でした。

SharePoint 2010 特定のページでサイド リンク バーを非表示に」への12件のフィードバック

  1. 初めまして。喜田と申します。
    奥田さんのおっしゃる通り、 コンテンツ エディター Web パーツでスタイルを追加し
    上記スタイルをコピペしましたが何もアクションが起きず
    スタイルがそのまま表示されるだけでした。
    どこか手順が違うのでしょうか。
    ご教示頂けますと幸いです。

    返信
  2. こんにちは、奥田です。
    コメントありがとうございます。
    コンテンツ エディター Web パーツ内にスタイルをコピーする際、スタイルの開始タグ <style> と終了タグ</style> 内に上記スタイルをコピーいただけましたでしょうか?
    おためしくださいませ。

    返信
  3. 奥田さん

    回答有難うございます。
    が抜けておりました。
    初歩的なミスですいません。
    無事にサイドリンクバーを隠す事が出来ました!

    返信
  4. 初めまして。
    こちらのサイトを参考に作成、コードを埋め込むと
    「現在のページは、元のテンプレートからカスタマイズされています。 テンプレートの状態に戻します。 」
    と表示されてしまいます。
    何か抜けているのでしょうか?
    ご教示頂けますと幸いです。

    返信
  5. こんにちは。
    「現在のページは、元のテンプレートからカスタマイズされています。 テンプレートの状態に戻します。 」と表示される内容についてですが、詳細は省きますが、SharePoint 2010 ではページの種類によってカスタマイズを加えた際に表示されてしまいます。
    下記別投稿に非表示にする方法を紹介させていただいているので、ご参考に。

    https://crieilluminate.wordpress.com/2011/02/07/sharepoint-2010-%e3%80%8c%e7%8f%be%e5%9c%a8%e3%81%ae%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%af%e3%80%81%e5%85%83%e3%81%ae%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%81%8b%e3%82%89%e3%82%ab-2/

    返信
  6. 奥田さん。

    回答ありがとうございます
    うまく消すことができました!

    大変助かりました。

    返信
  7. Wikiページにスタイルを埋め込みましたが、Wikiページではサイドリンクバーが消えませんでした。
    消す方法はありませんか?

    ちなみに、Wikiページにスタイルを埋め込んだ後にHTMLソースを見ると、余計なコードが埋め込まれていました。これはどうすることもできないのでしょうか?

    返信
  8. Wiki ページでも同じスタイルで、サイド リンク バーが非表示になると思いますよ。
    HTML ソース内に、下記を追加してもダメでしょうか?

    #s4-leftpanel{
    display : none;}
    .s4-ca{
    margin-left : 0px !important;}

    返信
  9. はじめまして。小川と申します。
    2013でも同じようにサイド リンク バーを非表示にしたいのですが、操作は同じでしょうか。
    実は、以上の手順をやってみたのですが、うまく非表示にすることができないでおります。

    どうぞお教えください。

    宜しくお願い致します。

    返信
  10. 2010 と 2013 はデザインのベースが全く異なりますので、2010 と同じ CSS を 2013 に適用させても同じ結果は得られません。

    2013 のサイド バーを非表示にする Tips は別記事にて紹介しますね。

    奥田

    返信
  11. ピンバック: SharePoint 2013 サイド リンク バーを非表示に | クリエ・イルミネート ブログ

  12. ピンバック: ページの背景いっぱいに画像を表示する | Me & SharePoint

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中