テキスト Web パーツを使用してページにテキスト、表、画像を追加する

適用先
SharePoint Server 2019

サイトにモダン ページを追加するときに、ページの構成要素である Web パーツを追加およびカスタマイズできます

一部の機能は、対象指定リリース プログラム に参加している組織に段階的に導入されます。 つまり、この機能がまだ表示されないか、ヘルプ記事で説明されている機能と異なる動作になる場合があります。 

テキスト Web パーツを追加する

テキストの Web パーツを使用して、ページに段落を追加します。 スタイル、箇条書き、インデント、強調表示、リンクなどの書式設定オプションを使用できます。 画像をテキストと共にインラインで貼り付けることもできます。

テキスト Web パーツを使用するには:

  1. まだ編集モードになっていない場合は、ページの右上にある [編集 ] を選択します。 右側で ツールボックス (コンテンツ ウィンドウのツールボックス アイコン ) を見つけます。

  2. [ すべての Web パーツを表示] を選択し、Web パーツの一覧から テキストを 選択またはドラッグ アンド ドロップします。

  3. ボックス内を選択すると、[書式設定] ツール バーが表示されます。

    テキスト Web パーツ ツール バー v2

  4. テキストを入力し、書式設定ツールバーを使用して書式設定します。 画面のサイズによっては、一部の書式設定オプションがツール バーの省略記号ボタンの下に表示されない場合があります。 その他の書式設定オプションを表示するには、省略記号 (...) を選択します。             ツール バー オーバーフロー

ページ アンカー

ページ アンカー (ブックマークとも呼ばれます) は、ページ上のテキスト Web パーツの見出し 1、見出し 2、見出し 3 のスタイルに自動的に追加されます。 ページが公開されたときにテキスト Web パーツのタブまたは見出しにカーソルを合わせると、ページ アンカーを示すリンク記号リンクが表示されます。

ページ アンカー リンクの例

ページ アンカーを右クリックし、Web ブラウザーのコンテキスト メニューから [リンクをコピー] を選択すると、SharePoint ページの外部で使用するためにページ アンカーの場所をコピーできます。 ページ アンカーをクリップボードに配置したら、メール、インスタント メッセージ、その他のアイテムに貼り付けることができます。 

ハイパーリンクを追加する方法は 2 つあります。 1 つはツール バーの ハイパーリンク コマンドを使用する方法です、もう 1 つは URL をコピーしてテキスト ボックスに直接貼り付ける方法です。

  • ハイパーリンク コマンドを使用する

    1. ツールバーまたは [テキストと表の書式設定] ウィンドウで [ハイパーリンク] を選択するか、Ctrl + K キーを使用します。 選択する前に単語を選択すると、その単語がページを検索するためのキーワード (keyword)として使用されます。

      [リンクの挿入] ダイアログ ボックス

    2. [ リンクの挿入 ] ダイアログ ボックスで、[ アドレス ] ボックスにリンクのアドレスを入力し、[表示 するテキスト ] ボックスにリンクするテキストを入力します。
      必要に応じて、サイト上のページにリンクする場合は、[ 検索 ] ボックスを使用してそのページを検索し、結果の一覧でページを選択できます。

    3. 完了したら [保存] を選択します。

  • リンクを直接コピーしてテキスト Web パーツに貼り付ける

挿入する URL をコピーして、テキスト ボックスに貼り付けることができます。 URL は自動的にハイパーリンクに変わります。

画像を追加する

画像をコピーし、カーソルの位置にあるテキスト Web パーツに貼り付けることで、テキストを含む画像をインラインで追加できます。 次に、Web パーツ内の画像を選択し、画像の左上にあるツール バーを使用して、画像を編集、移動、または左、右、または中央に揃えます。 画像の各隅にあるハンドルを選択して、画像のサイズを変更できます。

テキスト Web パーツに画像を挿入する

画像を左揃えまたは右揃えにする場合は、最適な結果を得るために画像幅を列幅の 50% より大きくします。 幅が 50% 未満の場合は、画像の両側に空白が表示され、左揃えまたは右揃えのようには見えない場合があります。

表を追加する

  1. 表を追加するには、[ 表の挿入 ] ボタンを選択します。 SharePoint のバージョンによっては、[ その他のスタイル] の下にこのボタンが表示される場合があります。 
    [表を挿入する] のスクリーンショット

  2. テーブルをクリックした後、[テーブルの書式設定] ウィンドウが使用できるようになります。  表自体を右クリックして、[表の書式設定] ウィンドウにアクセスすることもできます。 ツールバーまたは [ テキストと表の書式設定 ] ウィンドウで使用できるテキスト書式設定ツールを使用して、表のテキストを書式設定できます。

    table-format-pane.png

表のスタイルを選択する

SharePoint (SharePoint Server 2019 以外) では、シンプルな表スタイルまたはテーマ付きの表スタイルを選択できます。 (2 行目に表示) テーマ付きの表スタイルは、サイトで使用されているテーマの色を反映します。 左から順に、表のスタイルは次のとおりです。

  • 書式なし
  • わかりやすいヘッダー (ヘッダーの下縁取り)
  • ヘッダー (ヘッダー行は単色で、フォントは反転)
  • 交互の行 (ヘッダー行は単色でリバース フォントで、交互の行は網掛け)
  • 列ヘッダー (ヘッダー行は単色でリバース フォント、最初の列と交互の行は網掛け)

行と列を挿入および削除する

[ テキストと表の書式設定 ] ウィンドウで適切なボタンを選択して、行や列を追加または削除したり、テーブル全体を削除したりします。 Tab キーを使用してテーブル内を移動したり、行を追加したりすることもできます。 左から順に、オプションは次のとおりです。

  • 上に行を挿入
  • 下に行を挿入
  • 左に列を挿入
  • 列を右に挿入
  • 選択した行を削除する
  • 選択した列を削除する
  • テーブル全体を削除する

表の配置を設定する

SharePoint (SharePoint Server 2019 以外) では、[表の配置] ボタンを使用して、表全体を Web パーツ空間内に配置できます。 表は左揃え、中央揃え、または右揃えにできます。

  • SharePoint のバージョンと画面サイズによっては、[表の挿入] ボタンがツール バーまたは [その他のスタイル] に直接表示される場合があります。 また、[表の書式] ウィンドウの表示が若干異なる場合もあります。 
  • 線の高さは固定されており、読みやすさと読みやすさを考慮して設計されています。 フォント サイズの 140% に設定されています。 行の終わりの後に Enter キーを押すと新しい段落が作成され、段落間の間隔は 1 行の高さに等しくなります。 例外は見出しの後の間隔で、12 ピクセルです。

エディターを使用してスペル チェックと文章校正をチェックする

ページのテキスト Web パーツ内のエディターでスペルと文法をチェックするには、

  1. ページの右上にある [編集 ] を選択します。

  2. 既に公開されているページの上部にある [ページの詳細 ] を選択します。

    [ページの詳細] ボタンの場所

  3. [ページの詳細] ウィンドウで、[エディターを使用してスペルや文法などをチェックする] の下のトグルを [オン] または [オフ] に調整します。

       編集の切り替えボタンのオンとオフのスクリーンショット

ページの詳細の管理について詳しくは、こちらをご覧ください。