SharePoint :モダンページのテキストWebパーツの「ハイパーリンク」

モダンページのテキストWebパーツに関しては、少し前の記事で、右パネルが表示されたり、テーブルがプレビューだけど実装されたり、を紹介しましたが、その時にはなんでもなかったハイパーリンクが少し機能アップしたようです。

以前のスクショがないのですが、リンクの挿入にはURL欄と表示テキスト欄しかなかったと記憶しています。

▼ところが、今日見てみたらこんな感じになっていました。

ハイパーリンクに入力するURLに関しては特に用途制限はないとは思いますが、これを見る限りだとサイト内のページをリンクする用途をメインとしてる感じでしょうか。それと、新しいタブでリンクを開く設定もできますね。

これ、どこかで見たことあるなぁと思ったら、WordPress の記事作成のリッチテキストにリンクを追加するUIがこんな感じです。過去記事へのリンクが楽なんですよね。

これまた先日紹介したページの「レベル上げ」機能。あれはナビゲーションにリンクを追加でしたが、ナビゲーションがゴチャつくので正直微妙かなと思っています。それよりもページのコンテンツエリア内に配置できるテキストWebパーツにリンクの方が用途としてはありそう。あ、忘れちゃいけないのがリンクWebパーツもありました。あっちはリンク先URLのサムネイル表示ができる機能はありますが、このようにサイト内のページを検索する機能はありません。
クラシックUIのWebパーツでも、概要リンクWebパーツだったりコンテンツ エディターWebパーツのリンクだったり、目的は同じでもやはり細かな用途に応じて様々な機能を使い分けていたので、今後もそんな感じでしょうか。

やはりこれからの SharePoint はニュース(ページ)をどんどん利用していく想定ですかね。

Yammer などでフロー情報が流れ、 SharePoint はどちらかというとストック情報の蓄積がメインになるかとは思いますが、そもそもお知らせリストだとか SharePoint はフローもストックもどっちもイケるわけで、ニュースもそういう意味ならフロー情報の用途になるかと思いますが、大事なニュースはこのように固定でリンクさせておくのも大事ですよね。

様々な機能が追加されていきますが、利用ユーザー目線でストレスなく利用されやすい事を第一に構築していきたいですね。今までの経験則だと、ページなどのコンテンツ作成者が自分本位でしか考えていなく、結果として利用ユーザーからすると使いづらい・わかりづらい…なんて場合も少なくはありませんでした。特に社内ポータルサイトのトップページなんかは。

SharePoint : モダンページのテキスト Webパーツが少し進化しました

現状、モダンページのテキスト Webパーツはまだまだ機能は少ないですが、徐々に進化して新しい機能が追加されてきています。

▼バーの一番右に…アイコンがあります。クリックすると…

▼右パネル「テキストと表の書式設定」が現れます。

▼パネル内を拡大

ちょっと触った限りの気が付いた点を箇条書きに。

  • フォント サイズはクラシックページの コンテンツ エディター Webパーツのように数値入力はできません。選択するのみ。
  • 文字装飾については、バー内にある機能の他に「取り消し線」「上付き」「下付き」が増えましたね。
  • フォントの色と蛍光ペンの色では色は固定で、クラシックページの コンテンツ エディター WebパーツのようにRGBで数値を入力して指定するような柔軟性は今のところないです。
  • 段落では、バー以外に「インデントを増やす」「インデントを減らす」があります。

で、箇条書きとは別に、今回の機能追加ではプレビューだけどテーブルが挿入できるようになりました。

▼右パネル内の「表の挿入」をクリックすると、

▼行や列の数は指定できず、3×3が作られます。

そこから右パネル内「挿入と削除」で行や列を追加します。アイコンは直感的でわかりやすいです。

▼表をクリックすると表全体の縦横の大きさを変更する事は可能です。

▼大きさを変えようとすると「横px × 縦PX(横増減分px,縦増減分px」がボックスで表示されます。

▼表内で右クリックをするとメニューがあらわれます。

▼ドラッグした分、セルを選択できます。また、ctrlでも複数セルを選択できます。

▼その状態で装飾をすると、選択した全てのセルで適用されます。(例:選択したセルが一挙に太字になりました。)

▼列幅もドラッグして変更できました。

と、ちょっと触って僕が気が付いた範囲はこんな感じです。表のスタイルの変更など細かい点ではまだまだですが、とりあえず機能追加として第一歩ですね。今後もどんどん機能が追加されると思います。

あ、そうそう、表(テーブル)ってレスポンシブWebデザインにおいて表現が難しいものの一つですが、今の機能ではどうなるでしょうか?

▼Webパーツ内での横スクロールで対応です。

ちなみにモバイル機器(iPhone X で検証)でも同じ挙動でした。

あ、そうそう、モダンページのテキスト Webパーツ内でも、改行をする場合はShift+Enterですよ。クラシックUIよりも改段落の時の行間は広がっています。ちゃんと認識して使いこなせば、文章の視認性は高くなりますね。


SharePoint リッチテキストエディタ内で改行をするとやたら行間が空いてしまう!?

SharePoint :モダンページのリスト・ドキュメント ライブラリ Webパーツに新規ボタンなどのコマンド バーが追加された!

このバーの正式名称がわからなく、 Microsoft のサイト、ブログなどでは「コマンド バー」と記載されている事が多かったので、コマンド バーとしています。

追加されるという話は聞いてたけどようやく追加されましたね!色々触ってみます!

■ドキュメント ライブラリ Webパーツ

▼「新規」と「アップロード」が表示されています。

▼「新規」を展開すると。

ライブラリのコマンド バーと比べると「Visio 図面」や「リンク」がないですね。

▼「アップロード」を展開すると。

っていうか「アップロード」でフォルダーを選べるのを今知りました…。というのも諸事情でIE11での操作が多いんだけど、モダンUIはIE11で操作しない方が良さそう!というのも…

▼IE11だとライブラリのコマンド バーの「アップロード」は下矢印がなく展開できない。

▼ただ、モダンページのWebパーツはIE11でも下矢印があり展開可能。しかし、フォルダーを選択できなく、実質使えない。

▼アイテムを選択した状態のコマンド バー

ライブラリのコマンドバーと比べると必要最低限が揃っているという感じでしょうか。

■リスト Webパーツ

▼「新規」が表示されています。

▼「新規」を展開すると。

展開させる必要がない感じですね。

▼アイテムを選択した状態のコマンド バー

こちらも必要最低限という感じですね。クラシックページのWebパーツの設定ではツール バーの種類は「詳細」と「簡易」が選べるけど、モダンページのコマンド バーにはそのような選択は今のところないようです。

■気になった点

▼Webパーツの編集にはコマンド バーの表示・非表示の制御はできません。

クラシックページではツール バーの種類で非表示の制御はできますが。

▼タブレットサイズまではコマンド バーは表示されますが、スマホサイズだと非表示になります。

▼リストで PowerApps でフォームカスタマイズしていても、モダンページのWebパーツ経由で新規作成する時は、NewForm.aspxに遷移しました。

ここで「キャンセル」をクリックすると、モダンページに戻ります。

■モバイル機器の SharePoint アプリでは?

iPhone X での確認です。

▼やはりコマンド バーは非表示です。

▼ただ、横にするとタブレットサイズになり表示されます。

 

ちなみにこれらWebパーツってクラシックページのようにWebパーツのタイトルは変更できないんですよね。リストやライブラリ名がそのまま表示されて変更ができないです。

と、午前中に気が付いて急遽昼休み中に記事を書いたので慌て気味でしたが、とりあえずこんな感じでした。いやぁ、どんどん機能が追加されていくので楽しみですね!

SharePoint :新しい表示(モダンUI)のページのWebパーツの追加がダイアログボックス化でき、便利になった!

ふとモダンページをイジっていたらWebパーツの追加時に…

▼こんな矢印あったっけ?クリックしてみると

▼おっ、ダイアログボックス表示で展開された

前々から狭いなと思っていたのでうれしい!いつから実装されたんだろう?気が付かなかった。

で、ダイアログボックス内をさわってみると…

▼「テキスト、メディア、コンテンツ」の右に「すべて表示」というテキストリンク。

▼クリックするとそのカテゴリの全Webパーツが表示されました。

なんか足りないなぁと思ったらこういう仕掛けですが、ちょっと目立たなくて見落としそうなテキストリンクですね。

それと気になった点。

セクションとWebパーツが追加できる部分ですが、

▼「セクション レイアウト」のカテゴリがあります。ダイアログボックスに展開すると…

▼「セクション レイアウト」はダイアログボックス内にはありませんでした。

なので、今のところはセクション レイアウトは展開させないで選択ですね。

モダンUI、どんどん進化していってます。楽しいですね♪