Box Hubsビルダーの使用

Box Hubsビルダーには、Hubコンテンツを整理するための直感的なインターフェースが用意されています。 このビルダーは、他のBoxツールと同じインタラクションモデルを採用しているため、習得や使用が簡単です。

​

始める前に

Hubを整理するには、共同所有者または編集者の権限が必要です。 詳細については、Box Hubsの権限を参照してください。

​

Hubの編集

編集モードでHubを開くには、以下の手順に従います。

1. Hubsギャラリーに移動します。
2. 編集するHubを選択します。
3. 右上にある [編集] を選択します。

[ブロックを追加] パネルが右側に表示されます。 このパネルには、Hubに追加できる、利用可能なコンテンツブロックの種類がすべて表示されます。

​

ロゴとヘッダーの配置

Hubビルダーでは、ロゴを中央に揃えることができます。 ロゴを中央に揃えると、Hubの名前と説明も中央揃えになります。

​

コンテンツブロック

コンテンツブロックとは、Hubの構成要素です。 ブロックの種類ごとに異なる目的があります。

​

ブロックの追加

ブロックを追加するには、以下のいずれかの方法を使用します。 方法1: クリックして追加する

1. [ブロックを追加] パネルで、ブロックの種類を選択します。
2. ページの最後にブロックが表示されます。

方法2: ドラッグして追加する

1. [ブロックを追加] パネルで、ブロックの種類をページ上にドラッグします。
2. 目的の場所にドロップします。

​

ブロックの管理

ブロックを管理するには、以下の手順に従います。

1. キャンバス上でブロックを選択します。
2. 以下の使用可能なオプションを含むコンテキストツールバーが表示されます。
   • 上へ移動または下へ移動
   • 別のページに移動
   • 複製
   • ごみ箱
   • 項目を追加 ([ファイルとフォルダ] ブロックの場合)
   • グリッドビューまたはリストビュー ([ファイルとフォルダ] ブロックの場合)
   • 書式設定ツールバー ([段落] ブロックおよび [吹き出し] ブロックの場合)

ブロックの位置を変更するには、ブロックを選択して新しい場所にドラッグします。

​

ブロックの削除

1. ブロックを選択します。
2. コンテキストツールバーで [ごみ箱] を選択します。

​

リンクカード

[リンクカード] ブロックでは、Hubページ、Boxコンテンツ、または外部URLにリンクしているカスタマイズ可能なカードが1列に表示されます。 このブロックを追加すると、デフォルトでは、3つの空のカードが表示されます。 カードを構成するには、カードを選択して、リンクを追加し、タイトル、説明、背景画像を編集します。 リンクを追加すると、カードは、リンク先からタイトル、説明、画像を取り込みます (それらの詳細情報が利用可能な場合)。 社外へのリンクを含むカードは、外部リンクアイコンが表示され、新しいタブで開かれます。 ブロック内のカードの管理方法を以下に示します。

• カードを追加するには、[カードを追加] を選択します。
• カードを削除するには、カードのツールバーにある [ごみ箱] を選択します。
• カードを並べ替えるには、カードのツールバーにある矢印を使用します。

ブロックのコンテキストツールバーから、レイアウトの [左揃え] (デフォルト) と [塗りつぶし] (全幅表示) を切り替えます。

​

画像

[画像] ブロックを使用すると、Hubのレイアウトに直接画像を追加できるため、リンクのプレビューに頼ることなく、画像を配置できます。 各画像はインライン表示され、デスクトップ、タブレット、モバイルの各画面で縦横比を維持したまま、レイアウトに合わせて調整されます。

​

画像の追加

1. [ブロックを追加] パネルで、[画像] を選択するか、ページ上にドラッグします。
2. [画像] ブロックのプレースホルダで、以下のいずれかのソースを選択します。
   • パソコンからアップロード — デバイスから画像ファイル (JPG、PNG、GIFなど) を選択します。
   • Boxからアップロード — 画像の選択で、Boxにすでに保存されている画像を選択します。 ファイルに対してビューアー以上のアクセス権限が必要です。

画像がアップロードされ、ブロック内でインライン表示されます。 サポートされていない種類のファイルや最大サイズを超えるファイルを追加した場合、画像は追加されず、エラーメッセージで理由が示されます。 接続エラーまたはサーバーエラーが原因でアップロードが失敗した場合は、[再試行] を選択してください。

​

縦横比とトリミングの設定

追加した画像は、元のサイズで表示されます。 フレームを設定するには、画像のツールバーから縦横比を選択します。

• [オリジナル] — 画像の元の比率を維持。 これがデフォルトです。
• [ポートレート] — 3:4
• [正方形] — 1:1
• [幅広] — 16:9
• [超幅広] — 21:9

[オリジナル] 以外の縦横比を選択すると、画像は、中央を基準としてその比率に合わせてトリミングされ、ツールバーに [調整] ボタンが表示されます。 画像の表示範囲を比率に合わせて調整するには、[調整] を選択し、スライダをドラッグしてフレーム内での画像の表示位置と範囲を調整した後、チェックマークを選択して適用します。 調整する際も縦横比は固定されたままです。 縦横比を変更したり画像を差し替えたりすると、トリミング位置は中央にリセットされるため、再度調整できます。 別の画像に変更するには、ツールバーの [画像を変更] を選択します。

​

画像のサイズ変更

[画像] ブロックのサイズを変更するには、その上端または下端を上下にドラッグします。 ドラッグすると、ブロックは、あらかじめ設定されている縦横比 ([ポートレート]、[正方形]、[幅広]、[超幅広]) の間で切り替わり、ドラッグ終了時に最も近い縦横比に変更されます。 これは、ツールバーから縦横比を選択する代わりに利用できる方法です。

​

画像の全画面表示

Hubを表示しているときに、画像を選択すると、全画面モードで開きます。

​

セクション

セクションを使用すると、ページ上に視覚的な区切りを作成して、関連するコンテンツを整理できます。 各セクションタイトルは、新しいセクションの始まりを示します。

​

セクションの作成

1. [ブロックを追加] パネルで、[セクションタイトル] を選択するか、ページ上にドラッグします。
2. セクションタイトル (最大100文字) を入力します。
3. セクションにコンテンツブロックを追加します。

セクションタイトルを追加すると、Hubナビゲーションにアウトラインが自動的に作成されます。 これにより、閲覧者は参照しやすくなります。

​

セクションの並べ替え

1. セクションタイトルを選択します。
2. コンテキストツールバーで [上へ移動] または [下へ移動] を選択します。
3. セクションを目的の位置に移動します。

​

セクションの名前変更

1. セクションタイトルを選択します。
2. 新しいタイトルを入力します。

​

セクションの削除

1. セクションを選択します。
2. コンテキストツールバーで [ごみ箱] を選択します。

​

ページ

ページを使用すると、Hubをさらに整理することができます。 複数のページを作成して入れ子にすることで、明確な階層を作成できます。

​

ページを横方向または縦方向に表示

編集者は、Hubのページを2つのレイアウトのいずれかで表示できます。 自分のHubに適したレイアウトを選択します。 レイアウトを切り替えても、変更されるのは、ビューアーのナビゲーション方法のみです。 ページのコンテンツや階層構造は変更されません。 レイアウトを切り替えるには、Hubを編集モードで開き、ページリストの横にある表示アイコンをクリックします。 ツールチップに、切り替え後のレイアウトが表示されます。

• [ページを横方向に表示] () — ページを上部のタブバーに移動します。
• [ページを縦方向に表示] () — ページを画面横のアウトライン表示に戻します。

縦方向のレイアウトでは、以下のようになります。

• サブページは、親ページの下にインデント表示されます。
• ページを並べ替えるには、ページを上下にドラッグします。
• ページを開くには、アウトラインでページを選択します。

横方向のレイアウトでは、以下のようになります。

• サブページは、親タブの下に表示されます。
• ページを並べ替えるには、タブを左右にドラッグします。
• ページを開くには、そのタブを選択します。

​

ページの追加

1. [Hubのアウトライン] パネル (ページが縦方向に表示されている場合) またはタブバー (ページが横方向に表示されている場合) で、[ページを追加] (+) を選択します。
2. デフォルトのタイトルを、使用するページ名に置き換えます。

デフォルトのタイトルは「無題のページ [yyyy-mm-dd hh:mm:ss]」形式になっています。

​

サブページの追加

入れ子にしたページ (サブページ) は、階層内で親ページの下に表示されます。

1. [Hubのアウトライン] パネル (ページが縦方向に表示されている場合) またはタブバー (ページが横方向に表示されている場合) で、親ページにカーソルを合わせます。
2. 省略記号 ([…]) をクリックしてページのオプションを開きます。
3. [サブページを追加] を選択します。
4. サブページのタイトルを入力します。

​

ページの複製

1. [Hubのアウトライン] パネル (ページが縦方向に表示されている場合) またはタブバー (ページが横方向に表示されている場合) で、ページにカーソルを合わせます。
2. 省略記号 ([…]) をクリックしてページのオプションを開きます。
3. [ページを複製] を選択します。

​

ページの階層の変更

ページはいつでも再編成できます。

• ページの並べ替え: [Hubのアウトライン] では、ページを上下にドラッグし、 タブバーではタブを左右にドラッグします。
• サブページの作成: ページを別のページ上にドラッグして、サブページに変更できます。
• サブページの昇格: サブページをメインページ領域にドラッグして、サブページを最上位ページに変更できます。

​

ページの削除

1. [Hubのアウトライン] パネル (ページが縦方向に表示されている場合) またはタブバー (ページが横方向に表示されている場合) で、ページにカーソルを合わせます。
2. 省略記号 ([…]) をクリックしてページのオプションを開きます。
3. [ページの削除] を選択します。
4. 確認ダイアログで、[削除] を選択します。

​

変更をコラボレータに通知

Hubに変更を加えた後、コラボレータ全員にメールで通知できます。

​

変更に関する通知の送信

1. Hubに変更を加えます。
2. 右上にある [保存] > [保存してコラボレータに通知] を選択します。
3. 通知ダイアログで、変更について説明するメッセージを入力します。
4. [保存して通知] を選択します。

Hubのコラボレータ全員に、カスタムメッセージとHubを開くためのリンクが記載されたメール通知が送信されます。 送信者にはこのメール通知は送信されません。

​

通知なしで保存

コラボレータに通知しない場合は、以下の手順に従います。

1. Hubに変更を加えます。
2. 右上にある [保存] を選択します。

変更は保存されますが、コラボレータにメール通知は送信されません。