コンテンツ クエリ Web パーツ (4.本文から不要なタグを削除する)
コンテンツ クエリ Web パーツ (6.リンク機能を修正する)

コンテンツ クエリ Web パーツ (5.表示部分を整える)

前回のままでは本文がすべて表示されてしまうため、本文から30文字分のみを表示し全文を読みたいユーザーには "詳細" リンクから参照できるよう調整します。また New! のアイコンも表示するようにします。

[今回の目標画面]
Cqwpprecomplete4

作業内容

  1. タイトルの隣に New! アイコンを表示する
  2. 本文の表示を制限し、詳細情報へのリンクを追加する

タイトルの隣に New! アイコンを表示する

  1. SharePoint Designer 2007 で コンテンツ クエリ Web パーツを追加したサイトを開きます。
  2. [フォルダ一覧] - [Style Library (スタイル ライブラリ)] - [XSL Style Sheets] を展開し、ItemStyle.xsl を右クリックしチェックアウトします。
  3. ItemStyle.xsl をダブルクリックします。
  4. " すべてのお知らせ用スタイル" テンプレート内から、次の部分を見つけます。

    <a href="{$SafeLinkUrl}" target="{$LinkTarget}" title="{@LinkToolTip}">
                        <xsl:value-of select="$DisplayTitle"/>
      </a>
  5. 今回はタイトル部分のリンクを削除しておくため、"<a href="{$SafeLinkUrl}" target="{$LinkTarget}" title="{@LinkToolTip}">" および "</a>" を削除し、<xsl:value-of select="$DisplayTitle"/> の部分のみが残るようにします。
  6. <xsl:value-of select="$DisplayTitle"/> の直後に以下のタグを追加します。

    <xsl:value-of select="$DisplayTitle"/>
    <xsl:if test="ddwrt:IfNew(@Modified)">
    <img src="/_layouts/1041/images/New.gif" alt="新しいアイテム"/><img src="/_layouts/images/blank.gif" width="13" style="visibility:hidden" alt=""/>
    </xsl:if>

続いて、次の作業を行います。

本文の表示を制限し、詳細情報へのリンクを追加する

  1. "すべてのお知らせ用スタイル" テンプレート内で次のタグを見つけます。

    <xsl:value-of select="$bodyContent"/>
  2. 次のように変更します。この例ではリンクをクリックすると別ウィンドウで表示するようにしています。

    <div class="description">
    <xsl:value-of select="substring($bodyContent,1,30)"/>
        ...(
        <a href="{$SafeLinkUrl}" mce="{$SafeLinkUrl}" target="_blank"
         title="
    {@LinkToolTip}">詳細</a>)
    </div>
  3. 上書き保存をします。また今回で ItemStyel.xsl の編集は終わりますのでメジャーバージョンを発行するようにチェックインをしておきます。

最後に、結果を IE で確認します。まだこのままでは、詳細リンクをクリックしてもルートのサイトコレクションがない場合はエラーとなってしまいます。次回は、ルートのサイトコレクションを作成せずにアイテムのリンク先を表示できるよう修正します。


参考: Microsoft Enterprise Content Management Team Blog (英語)

コメント

コメントの確認

コメントのプレビュー

プレビュー中です。コメントはまだ投稿されていません。

処理中...
コメントを投稿できませんでした。エラー:
コメントを投稿しました。コメントは記事の投稿者が承認してから表示されます。 さらにコメントを投稿する

入力された文字と数字は画像と一致していません。再度入力してください。

最後に、下の画像の中に見える文字と数字を入力してください。これはプログラムを使ってコメントを自動的に投稿するのを防ぐために行われています。

画像を読み取れない場合は 別の画像を表示してください。

処理中...

コメントを投稿

コメントは記事の投稿者が承認してから表示されます。

アカウント情報

(名前とメールアドレスは必須です。メールアドレスは公開されません。)