SharePoint Online 注目リンク(Promoted Link)の設定

SharePoint Online : 2017.04.24 Monday
sp-promoted-01

注目リンクの概要

オンプレミス SharePoint 2013、SharePoint Onlineで登場した「注目リンク」。
いまどきの「動きがあって」「画像(背景)が指定できる」リンクとして、Webページの見栄えを良くするのに役立ちます。

sp-promoted-02

1つ1つの四角の画像(または色)は「タイル」と呼ばれることがあります。タイルメニュー、タイル画像、タイルリンクのように「タイル+単語」で呼ばれることもあります。

注目リンクの設定項目

タイトル、背景イメージ、説明、リンクの場所、動作の開始、順序が設定できます。

sp-promoted-03

注目リンク タイトル

タイトルは 英数半角15文字まで表示されます。
それ以上の文字を 空白なしで指定すると16文字以降は表示されません。
適度に空白を入れれば、2行表示で 英数半角 30文字まで表示できます。

タイトルは 全角10文字まで表示されます。
それ以上の文字を 空白なしで指定すると11文字以降は表示されません。
適度に空白を入れれば、2行表示で 全角 20文字まで表示できます。

sp-promoted-04

はみ出た部分は、タイル上にマウスカーソルを合わせると表示されます。

表示フォントタイプ、フォントサイズをカスタマイズすると、表示できる文字数も増減します。

注目リンク 背景イメージ

背景イメージは、幅 150px 高さ 150pxの画像ファイルを指定します。
下部 三分の一(50px)の高さに、タイトルが表示されます。

sp-promoted-05

画像ファイルサイズは 150x150 pxですが、そのうち 上部 150x100 px部分だけに 色・模様・イラストを入れて、下部 150x50 px部分は 白無地にしておくと タイトルが読みやすくなります。

また、タイトルの背景色は、背景イメージ画像の色合いによって自動的に(灰色や濃い青色)に変わります。

注目リンク 説明

説明は、タイル上にマウスカーソルを合わせた際に表示されるテキストです。

説明は 英数半角17文字まで表示されます。
それ以上の文字を 空白なしで指定すると18文字以降は表示されません。
適度に空白を入れれば、6行表示で 英数半角 107文字(= 6行×17文字)まで表示できます。

タイトルは 全角11文字まで表示されます。
それ以上の文字を 空白なしで指定すると12文字以降は表示されません。
適度に空白を入れれば、4行表示で 全角 44文字(= 4行×11文字)まで表示できます。

表示フォントタイプ、フォントサイズをカスタマイズすると、表示できる文字数も増減します。

注目リンク リンクの場所

「リンクの場所」には、タイルをクリックしたときに Jumpする先のURLを指定します。

注目リンク 動作の開始

「動作の開始」には、タイルをクリックしたときに そのページ内で遷移するか(→ ページ内で移動)、ページの上にダイアログを開いて表示するか(→ ダイアログ)、Internet Explorerの別タブを開いて表示するか(→新しいタブ)を指定します。

注目リンク 順序

順序には数字で、タイルの表示順序を指定します。小さい番号から大きい番号の順にタイル表示されます。


注目リンクのビュー
注目リンクには、「タイル」と「すべての注目リンク」の2つのビューがあります。「タイル」は 実際にWebページ上でリンクとして表示するためのビューで、「すべての注目リンク」は 管理者がリンクの情報をメンテナンスするためのビューです。

「すべての注目リンク」ビューから「タイル」ビューへは 簡単に切り替えできますが、「タイル」ビューから「すべての注目リンク」ビューへの切り替えは解りにくいです。注目リンクを初めて使う方が 迷子になるところです。

「すべての注目リンク」ビューから「タイル」ビューへは 「新しいアイテム」の下にあるビューセレクタで 「タイル」をクリックすると切り替わります。
sp-promoted-06

「タイル」ビューから「すべての注目リンク」ビューへの切り替えは、上部リボン[リスト]タブ、現在のビューでを[すべての注目リンク]を選択します。リボンは通常は展開されていないので、切り替え方法が解らず 途方に暮れる管理者が多いです。
sp-promoted-07

ビュー切り替えを簡単にする方法は、「すべての注目リンク」を既定ビューにすることです。「すべての注目リンク」が既定ビューであれば、サイトコンテンツ画面から注目リンクを表示した時に「すべての注目リンク」が表示されるようになります。


【最近の投稿記事】



SharePoint Online
Office 365/SharePoint Online事始め
Office 365やるってよ |  Office 365市販本(できる Office 365) |  Office 365市販本(誰でもできる! Office365導入ガイド) |  MSサイトでプランを勉強 |  TechNetでプランを勉強 |  sway, cortana, delve |  E5プラン |  Office Online制限 |  SharePoint 2016 RC |  アーキテクチャ |  Connections, Listings, Invoicing |  ひと目でわかる SharePoint Server 2016 |  Office 365 ビジネス活用28の事例 |  Office 365 サイトカスタマイズ&開発編 | 
SharePoint Online リスト/ライブラリ(クラシック)
標準 リスト/ライブラリ |  アンケート(Survey) |  画像ライブラリ |  ニュースフィード |  日英サイト間でリストデータ移行 |  ライブラリ ドラッグ&ドロップ |  ライブラリ ファイル一覧出力 |  リスト外観変更 |  Explorer URL |  ディスカッション掲示板 |  注目リンク |  OneDrive 通知メール送信 |  OneDrive バージョン履歴 |  アイテムはレコードです |  イベントのエクスポート | 
SharePoint Online Webパーツ(クラシック)
標準 Webパーツ |  スクリプトエディタ |  RSSビューア |  フィルタWebパーツ |  XsltListViewWebPart |  グラフ表示パーツ |  サイトフィード(ニュースフィード)データ出力 | 
SharePoint Online リスト/ライブラリ/ページ(モダン)
ドキュメントライブラリ(Preview) |  複数ファイルダウンロード |  リスト・ライブラリ切替有無 |  ナビゲーション |  サイトのロゴ |  コマンドバー |  リスト ビュー |  リスト フォーム |  サイト情報 |  ホームページ設定 |  列の書式設定(Column Formatting) |  Seattle から Oslo そして Modernへ |  Webパーツページの管理は使えない |  サイドリンクバーの有効化 |  Webブラウザ幅に応じた表示 |  ページ タイトルと画像 |  ページ コピーとメール送信 |  リストビュー Filter |  ページのコメント |  モダンを強制する方法 |  リンクの取得(制限付きリンク) |  発行用ハイパーリンク列はモダンで動かない |  ビュースタイル |  モダン/クラシック混在設計のコツ |  モダン ナビゲーション設計 |  選択肢の追加不可 |  お知らせ表示の方法 |  SharePointページ |  集計値列の日付表示不正 | 
SharePoint Online Webパーツ/テーマ(モダン)
サイトページ作成とWebパーツ一覧 |  リスト、ライブラリ |  埋め込み |  ファイルビューア― |  リンク |  クイックリンク |  画像ギャラリー |  強調表示されたコンテンツ |  ヒーロー(Hero) |  クイック グラフ (Quick chart) |  テキスト(Text) |  画像 (Image) |  外観の変更 テーマ |  イベント(Events) | 
SharePoint Online 検索機能
検索の対象 |  検索されたくないファイル |  注目サイト |  検索結果カスタマイズ | 
SharePoint Online Notes移行
Notes情報表示 |  Notesデータ移行 | 
SharePoint Online カスタマイズ
IE11開発者ツール |  Osloとの戦い |  Style動的変更 |  リダイレクトページ |  IEとChrome |  ボタン名の変更 |  フロー Flow |  注目リンク カスタマイズ |  アンケート 列設定 変更 |  アンケート Excelエクスポート項目 変更 |  ダウンロード禁止のアクセス許可レベル | 
SharePiont Online 動作仕様
制限値が気になる |  Webページ破損 |  サイトコレクション削除 |  記憶域とサーバーリソース |  プロファイル画像 |  IsDlg効かず |  プレゼンス表示 |  利用状況レポート |  データ容量管理 |  ごみ箱の日数 |  サイトメールボックス |  標準 サイト |  サイドリンクバー |  外部ユーザー共有 |  おすすめ エラー |  直打ちURL |  外観変更エラー |  サイトコレクション機能 |  ユーザープロファイル |  Access app 廃止 |  アクセス要求の設定 |  ページリンク、クラシック表示を終了 |  外部共有サイト、外部ユーザー |  プロジェクトサイトテンプレート ProjectSummaryWebPartエラー |  外部ユーザー削除 Remove-SPOExternalUser |  お知らせタイルとエクスペリエンスバージョン |  クォータ警告と共有設定を一括取得 |  発行インフラストラクチャー機能 Trouble |  外部ユーザーの定義とライセンス付与の要否 | 
Office 365 動作仕様
OneDrive概要 |  OneDrive設定 |  OWAエラー画面 |  新しい Office 365管理センター |  Office 365メッセージ |  OneNote同期/ファイル |  Office 365サイト |  Office 365監査ログ |  Project Web App |  機能更新とエラー画面 |  Outlook Webのメッセージ | 
search this site.
SharePoint概要
SharePointとは?
アーキテクチャ
サイトテンプレート
リストテンプレート
Webパーツ
アクセス権限
SharePoint用語集


SharePoint構築Tips
リスト名(URL)
ライブラリ名(URL)
フィールド名(内部名)
ビュー名(ファイル名)
リストテンプレート
(ワークフロー削除)

大きなリストの問題
アイテム一覧の列幅
機能とWebパーツ
フィールドデータ型
禁則文字
隠しリスト表示
管理パス
サイト内の列
サポート期限
PDFをブラウザで開く
URLエンコード・デコード
日時の絶対値表示
エクスプローラーで開く
パブリック・個人用ビュー
ひと目でわかるOffice 365ビジネス活用28の事例 SharePoint Server 2016対応版 (マイクロソフト関連書)

SharePoint開発Tips
開発の概要
開発者ダッシュボード
MSDN URL
RESTインターフェイス
ページパラメータ IsDlg
ビジュアルアップグレード
機能(Feature)
2010開発者向けの資格
2013開発者向けの資格
ページパラメータ contents
リソースファイル
リスト/ライブラリGUID
テーマ
トレースログ
PowerShell文字コード
SharePoint Framework
ひと目でわかるOffice 365サイトカスタマイズ&開発編 SharePoint Server 2016対応版

SharePoint情報サイト
SharePoint Developer Center
Support Team Blog
SharePoint Developer
SharePoint Technical Note
ILLUMINATE JAPAN Blog
Office365うるのさん奮闘ブログ
AvePoint Japan Community
idea.toString();
SharePoint Issue
Office365/SharePoint
からめもぶろぐ。
Office 365 & PowerX
徒然 Office 365 WebLog
SPeed LAND 365
Art-Break:Tech
ひと目でわかる SharePoint Server 2016




   風水吉凶方位 |  奇門遁甲 |  金運神社 |  金運本 |  水族館 |  仏像 |  論語 |  般若心経 |  庭園 |  二十四節気 |  菜根譚 | 
   SharePoint活用 |  OneNote活用 |  サーバー監視 |  イベントログ |  IT資産管理 |  技術TIPS