SharePoint トップページのみサイド リンク バーを消したい

こんにちは、奥田です。

先日弊社のセミナーをご受講いただいた方からの質問ネタです。

 

やりたいこと →「サイトのトップページのみサイド リンク バーを表示させたくない」

 

トップページのみサイド リンク バーを消すためには2通りの方法があります。

 

① サイドリンク バーが表示されないページを作成し、トップページとして利用する

Web パーツページ (サイドリンク バーが既定で非表示) を作成し、ウェルカムページとして設定する方法です。この方法だとブラウザレベルの作業だけで出来上がります。

 

ただ、すでに Web パーツの配置を行っていたりとトップページにいろいろと編集を加えている場合は、ウェルカムページとして扱う Web パーツページにその編集をやり直さないといけなくなります。

 

では、既存のトップページからサイド リンク バーを消すためには? というと SharePoint Designer を使ったカスタマイズが必要です。

 

② サイド リンク バーが表示されている既存のトップページからサイド リンク バーを消す

 

この方法を行う場合、サイド リンク バーを消したいサイトがどのサイトテンプレートを使って作成されたかによって、SharePoint Designer で編集するページが変わるので注意が必要です。 

 

編集対象のファイルは?

サイト テンプレート

編集対象ファイル

チームサイト、空のサイト、

ドキュメント センター

default.aspx
(http://
サイトのURL/default.aspx)

上記以外のサイト

defaultLayout.aspx

(http://サイトのURL/_catalogs/masterpage/defaultlayout.aspx)

 

どうして、サイト テンプレートによって編集対象ファイルが変わるかというと、「発行機能」がカギです。

弊社の UI カスタマイズコース (http://www.crie-illuminate.jp/training/courselist02.aspx?id=CI10-H) でも詳しくご紹介していますが、発行機能が有効になっているか、いないかで SharePoint サイトのトップページである、default.aspx が作成されるしくみが違うからです。

 

SharePoint Designer での編集手順

1.      SharePoint Designer 2007 を起動し、編集対象の SharePoint サイトを開きます。

2.      上記に挙げた編集対象のファイル (default.aspx もしくは defaultlayout.aspx) を開きます。

3.      次の編集を加えて、保存します。(defaultlayout.aspx を編集した場合は、メジャーバージョンにあげて、コンテンツの承認も行ってください)

 

編集箇所

<asp:Content ContentPlaceHolderId="PlaceHolderPageImage" runat="server"> タグを探し、
タグ内の内容をすべて削除 (defaultlayout.aspx 10行目、default.aspx – 8行目)
下記のようになります。

<asp:Content ContentPlaceHolderId="PlaceHolderPageImage" runat="server"></asp:Content>

 

● 以下のコードを追加します。

 

<asp:Content ContentPlaceHolderId="PlaceHolderLeftNavBar" runat="server"></asp:Content>

<asp:Content ContentPlaceHolderId="PlaceHolderNavSpacer" runat="server"></asp:Content>

 

以上で完成です♪

トップページは Web パーツを使ってさまざまな情報を表示させるので、出来るだけ表示領域を広くしたいですよね。

だからといって、マスタページ上でサイド リンク バーを消しちゃうとトップページ以外のページでもサイドリンク バーが消えちゃうので、そうはしたくないし。。。そんなときには試してみてください。

 

奥田理恵

コメントを残す

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

WordPress.com ロゴ

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

Twitter 画像

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

Facebook の写真

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

Google+ フォト

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

%s と連携中