ページ作成のマニュアルを作ろうとして

Microsoftサポートが公開している「サイトにページを追加する(Microsoft Support)」を参考にページの作り方マニュアルを作ろうとして...

注意事項として「ページが追加できる人は、サイトの所有者またはSharePoint管理者」は 書かれているけど。あまりにも簡素で、これでは 現状の「モダン表示/クラシック表示の混在」では マニュアル化が難しいですね。全部がモダン表示になったら、Microsoftサポートのページでもいいのかもしれませんが。

ページの追加

クラシック表示の場合は、右上[歯車アイコン]-[ページの追加]、モダン表示(ホームページ、サイトコンテンツ画面)の場合は、[新規]-[ページ]をクリックします。

SharePointモダンUI ページの追加

ページが追加されたら [編集]をクリックして、編集開始します。

ページタイトルの入力、画像の追加

ページのタイトルエリアに、タイトルを入力して、タイトルの背景画像を追加します。

SharePointモダンUI ページタイトルの入力、画像の追加

パーツ、レイアウトの追加

タイトルエリアの中央下にある[+]をクリックすると、追加するコンテンツが表示されます。

SharePointモダンUI パーツ、レイアウトの追加

Webパーツとかレイアウトが いっぱい出てきて、ここで 呆れて溜息をつくか...何種類あって、どう使うんだと疑問符だらけになる人も多いかと・・・。

パーツ、レイアウトの一覧

ページに追加できる Webパーツとレイアウトは色々あります。今までのリスト/ライブラリを表示するWebパーツや、テキスト・図を表示するWebパーツや、新しいお洒落なWebパーツなど。

分類:お勧め ( Featured )

テキスト (Text)

SharePointモダンUI パーツ 4テキスト (Text)
書式付きのリッチテキストを表示。ハイパーリンクも作れる。

画像 (Image)

SharePointモダンUI パーツ 5画像 (Image)
画像を1つ表示。

ファイル ビューア― (File viewer)

SharePointモダンUI パーツ 6ファイル ビューア― (File viewer)
ページ上にOfficeファイル(PDFファイルは対象外)を表示。

リンク (Link)

SharePointモダンUI パーツ 7リンク (Link)
サイト内外の ページ、ビデオ、画像、文書へのリンク。

埋め込み (Embed)

SharePointモダンUI パーツ 8埋め込み (Embed)
YouTube 動画など、他サイトコンテンツを表示。

強調表示されたコンテンツ (Highlighted content)

SharePointモダンUI パーツ 9強調表示されたコンテンツ (Highlighted content)
カード、リスト、カルーセルのレイアウトで、最近使用したファイルなどを表示。Delveっぽい画面が作れそう。

分類:セクション レイアウト

1段組み

1段組み (One column)

2段組み

2段組み (Two columns)

3段組み

3段組み (Three columns)

3分の1が左の列

3分の1が左の列 (One-third left columns)

3分の1が右の列

3分の1が右の列 (One-third right columns)

分類:すべて (昇順) All A to Z

Bing 地図 (Bing maps)

SharePointモダンUI パーツ 10Bing 地図 (Bing maps)
Bing Maps Web パーツで地図を表示。

Kindle インスタント プレビュー

SharePointモダンUI パーツ 11Kindle インスタント プレビュー
日本のAmazonではサポートされていません。Kindle インスタント プレビュー機能(電子ブックの立ち読み)。
オフィスアイのブログ記事

Microsoft Forms

SharePointモダンUI パーツ 12Microsoft Forms
フォームへの返信を収集し、フォームの結果を表示。

Office 365 ビデオ (Office 365 video)

SharePointモダンUI パーツ 13Office 365 ビデオ (Office 365 video)
Office 365ビデオポータルにある動画を表示。

Power BI (Power BI)

SharePointモダンUI パーツ 14Power BI (Power BI)
インタラクティブな Power BI レポートを埋め込み表示。

Yammer

SharePointモダンUI パーツ 15Yammer
Yammer グループのデータをページに埋め込み表示。

イベント (Events)

SharePointモダンUI パーツ 16イベント (Events)
今後のイベント(地図上の場所、オンライン会議情報を含む)を表示。

クイック グラフ (Quick chart)

SharePointモダンUI パーツ 17クイック グラフ (Quick chart)
単純なグラフを表示。一度なくなったグラフWebパーツの復活!?

クイック リンク (Quick links)

SharePointモダンUI パーツ 18クイック リンク (Quick links)
カルーセルで複数のリンクを表示。

グループ予定表 (Group schedule)

SharePointモダンUI パーツ 19グループ予定表 (Group schedule)
Office 365のグループ予定表を表示。

サイト(Site)

SharePointモダンUI パーツ 20サイト(Site)
複数サイトへのリンクを表示。

サイト アクティビティ (Site activity)

SharePointモダンUI パーツ 21サイト アクティビティ (Site activity)
アップロードされたファイル、編集内容、作成されたリスト・ライブラリなど、サイトの最近のアクティビティを表示。

ストリーム (Stream)

SharePointモダンUI パーツ 22ストリーム (Stream)
Microsoft ストリーム ビデオ ポータルの動画を表示。

スペーサー (Spacer)

SharePointモダンUI パーツ 23スペーサー (Spacer)
縦方向のスペース調整。

ドキュメント ライブラリ (Document library)

SharePointモダンUI パーツ 24ドキュメント ライブラリ (Document library)
ドキュメント ライブラリを表示する Web パーツ。

ニュース (News)

SharePointモダンUI パーツ 25ニュース (News)
ページまたはサイトのニュース機能でニュースを表示。

ヒーロー (Hero)

SharePointモダンUI パーツ 26ヒーロー (Hero)
タイル、レイヤーを5セットまで組み合わせてビジュアルに画像・テキストを表示するパーツ。

ユーザー (People)

SharePointモダンUI パーツ 27ユーザー (People)
Office365ユーザーアカウント(365のメアド)で指定したユーザーの情報を表示。

リスト (List)

SharePointモダンUI パーツ 28リスト (List)
カスタムリスト、お知らせリストなどを表示。

画像 ギャラリー (Image gallery)

SharePointモダンUI パーツ 29画像 ギャラリー (Image gallery)
複数の画像をタイル または カルーセル表示。

天気(Weather)

SharePointモダンUI パーツ 30天気(Weather)
指定した地域の天気予報を表示。

分割バー (Divider)

SharePointモダンUI パーツ 31分割バー (Divider)
分割線の表示。

Twitter

SharePointモダンUI パーツ 32Twitter
Twitterの表示。

Microsoft PowerApps

SharePointモダンUI パーツ 33Microsoft PowerApps
開発したPowerAppsのアプリをSharePoint上に貼り付け。

ページのプロパティ

SharePointモダンUI パーツ 34ページのプロパティ
ページに属性(プロパティ)を追加して 検索等の利便性をあげる。

最近使ったドキュメント

SharePointモダンUI パーツ 35最近使ったドキュメント
Office365ホームのように、最近使ったドキュメントを表示。

コードスニペット(Code snippet)

SharePointモダンUI パーツ 36コードスニペット(Code snippet)
プログラムコードを行番号付きで表示。

マークダウン(Markdown)

SharePointモダンUI パーツ 37マークダウン(Markdown)
軽量マークアップ言語 Markdownで 書式付き文字を表示。

カウントダウン タイマー(Countdown Timer)

SharePointモダンUI パーツ 38カウントダウン タイマー(Countdown Timer)
イベントまでの日時をカウントダウン表示。

上記の表以外にも、「連絡先」などのWebパーツがあるみたいです。発動条件が解らないので、まだ使っていませんが...何か Webパーツを追加すると 使えるようになるのかな? 何かサイト機能をActivateすると、Webパーツが使えるようになるのかな?

(2017.12.18 追記)

以下の仕様変更が行われた模様。
・分類の「おすすめ」が「お勧め」に文言変更
・分類の「その他」が「All A to Z」に変更
・「Microsoft Forms」の追加
・「スペーサー」の追加
・「分割バー」の追加
・「Hero」が「ヒーロー」に文言変更


追加できるWebパーツの一覧は、「SharePoint Online ページで Web パーツを使う」に詳細が載っています。

「強調されたコンテンツ (Highlighted content web part)」と「ヒーロー (Hero)」が、名前と実際のWebパーツ仕様が異なりますが、機能的には気になります。

まずは レイアウトを追加

テキスト、画像などのWebパーツを上から順番に使っていくと、まとまりのないページになってしまう予感がします。まずは、セクションレイアウトで段組みを決めて、セクションの中にWebパーツを配置していくと 世間一般のWebページのようになります。但し、「強調されたコンテンツ」「ヒーロー」などの複数要素を含むパーツの場合は、横幅をとるので 段組みの数には注意が必要です。

レイアウトは・・・以前のページのように 後から変更できません(T_T) 頑張って色々つくったけど 幅が不足したので 3段組みを2段組みにすることができず・・・2段組みで作り直すしか方法がないみたい。

ここは、イマイチ。残念な点

・ページのタイトルを付けずに[保存して閉じる]すると、「ページのタイトル.aspx」になったり 「ランダムアルファベット.aspx」になったりする。
・「テキスト」Webパーツで色付けできない。
「画像」Webパーツでキャプションが入力できない? → できました。
・「リンク」Webパーツで プロパティ編集などを繰り返していると、プロパティが変更できなくなる...
・「埋め込み」Webパーツは iframeによる埋め込みのみサポート...JavaScriptなどはエラーになる。

ここは、いいね! 気に入った点

・ドラッグ アンド ドロップで、Webパーツの移動が簡単にできる!
・「リンク」Webパーツで、MSNや スマホニュースアプリみたいな 画像とテキスト表示ができる!
・「ファイルビューア―」Webパーツは、従来の「Excel Web Access」Webパーツでは できなかった特定グラフ表示、特定範囲の表示などができる!
・「強調表示されたコンテンツ」Webパーツは、従来の「コンテンツ検索」Webパーツのように サイトコレクション、サイトを検索して結果表示できる!
・「強調表示されたコンテンツ」Webパーツのレイアウトは カード、リスト、カルーセル、映写スライド!


不具合が解消されて、もっと良くなることを期待しています。

(2018.02.01 追加)

グループ予定表 Webパーツ、追加しました。

(2018.02.16 追加)

分類の「All A to Z」が「すべて (昇順) 」に変更。
Webパーツの増減、発動条件などの文章を修正。

(2018.05.25 追加)

「Kindle インスタント プレビュー」「サイト」Webパーツが追加されました。

(2018.07.06 追加)

「天気」Webパーツが追加されました。
日本語(サイト)では 正しく設定ができず、ユーザーの言語を英語に変更する必要があります。 英語サイトでWebパーツすれば、普通に使えますが。

SharePointモダンUI 天気 Webパーツ

「Twitter」「PowerApps」Webパーツが(いつの間にか)追加されていました。何が増えているか Watch、頑張らねば。

(2018.10.17 追加)

ページのプロパティ」 Webパーツ、「最近使ったドキュメント」Webパーツが、追加されました。

(2018.11.28 追加)

「リスト」Webパーツと 「ドキュメントライブラリ」Webパーツの名称から「(プレビュー)」がとれました。
「Yammerフィード」Webパーツが「Yammer」Webパーツに変更されました。

(2018.12.13 追加)

2018年7月時点では 日本語に対応していなかった「天気」Webパーツですが、いつの間にか 日本語対応されたみたい。

SharePointモダンUI 天気 Webパーツ 2

まだ 住所の指定方法が ぎこちない感じですが...「日本、東京」なのか「東京、日本」なのか。入力途中で候補が表示されるけど 選択が難しかったり。まだまだ改善の余地ありって感じですね。

(2018.12.14 追加)

コードスニペット(Code snippet)」Webパーツ、12月初旬ごろに追加されていましたね。

(2019.02.07 追加)

マークダウン(Markdown)」Webパーツ、2月に追加されました。

(2019.02.22 追加)

カウントダウン タイマー(Countdown Timer)」Webパーツ、2月に追加されました。


2018年の記事

2017年の記事


風水吉凶方位 風水吉凶方位 |  奇門遁甲 奇門遁甲 |  金運神社 金運神社 |  仏像 仏像 |  論語 論語 |  般若心経 般若心経 |  二十四節気 二十四節気 |  菜根譚 菜根譚 |  SharePoint活用 SharePoint |  OneNote活用 OneNote |  ICT活用 ICT