サイトにパンくずリストを表示する。

  1. 本ブログは「Office 365 Advent Calendar 2016」に参加しております。

今回はサイトにパンくずリストを表示する方法を記載いたします。

blog001

1.歯車マークをクリックしてメニューを表示します。

2.デザインマネージャーを選択します。
blog002

3.左のメニューより「マスターページの編集」をクリックします。

4.パンくずリストを表示したいマスターページ(今回はseattleにします。)の「…」をクリックします。
blog003

5.再度、「…」をクリックします。

6.「ダウンロード」をクリックします。
blog004

7.ダウンロードしたhtmlファイルを任意のエディターで開きます。

8.以下のコードを「<!–SPM:<asp:ContentPlaceHolder id=”PlaceHolderMain” runat=”server”>–>」の前の行に書き込みます。

<!-- custom breadcrumb start -->
    <div id="breadcrumb">
    <!--MS:<asp:SiteMapPath runat="server" SiteMapProvider="SPContentMapProvider" RenderCurrentNodeAsLink="false" NodeStyle-CssClass="breadcrumbNode" CurrentNodeStyle-CssClass="breadcrumbCurrentNode" RootNodeStyle-CssClass="breadcrumbRootNode" HideInteriorRootNodes="true" SkipLinkText=""/&gt-->
    </div>
<!-- custom breadcrumb end -->

※SkipLinkText=””/&gt–>の「&gt」を>にしてください。

9.保存します。

10.再度、デザインマネージャーの「マスターページの編集」を開きます。

11.編集したhtmlファイルをドラック&ドロップでアップロードします。

12.アップロードしたファイルの状態が「正常に変換されました。」であることを確認します。

13.サイトをF5でリフレッシしパンくずリストが表示されているか確認します。

14.マスターページの編集でアップロードしたファイルの「…」→「…」でメニューを表示します。

15.詳細を選択し、「メジャーバージョンの発行」をクリックします。

16.承認の状況が「承認済み」になれば公開完了です。

以上です。

広告

コメントを残す

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

WordPress.com ロゴ

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

Twitter 画像

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

Facebook の写真

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

Google+ フォト

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

%s と連携中