ブロックは、Content Designerで構造化された魅力的なページを作成するための基本的な構成要素です。
各ブロックには独自の目的とブロック固有のコンテキストツールバーがありますが、ほとんどのブロックは直感的なコンテンツ管理を可能にする共通のアクションを共有しています:
- 編集する:鉛筆アイコンを使用して以下を更新します:
- コンテンツ
- デザイン
- 表示
- 重複する:重複ページアイコンを使用してブロックのコピーを作成します。
- 削除する:ゴミ箱アイコンを使用してページからブロックを削除します。
さまざまな種類のブロックを組み合わせることで、従業員を案内し、重要な情報を強調し、社内コミュニケーションの目標をサポートするページを構成できます。
ブロックは異なるカテゴリーに整理されており、それぞれ特定の機能を果たすように設計されています。
テキストブロック
テキストブロックを使うと、コンテンツを追加し、コンテキストツールバーの次の書式設定オプションでフォーマットできます:
- テキストスタイル
- アラインメント
- 上付き文字・下付き文字
- フォントカラー
- 絵文字
- プロフィールタグ
タイトル
タイトルブロックは、ページのメイン見出しを定義します。ページにタイトルブロックを追加したら、クリックしてプレースホルダーテキストを自分のコンテンツに置き換えます。タイトルは見出しと同じ見た目ですが、常にH1として表示されます。これによりページ構造が明確になり、アクセシビリティも向上します。タイトルサイズは大・中・小の3種類から選択できます。また、他のコンテキストツールバーのテキスト書式設定オプションも利用できます。タイトルブロックはページのメイン見出し専用です。残りのコンテンツの構造化には見出しブロック(H2~H4)を使用してください。ページにはタイトルは1つだけ設定できるため、このブロックには重複オプションはありません。
テキスト
テキストブロックを使うと、ページにテキストを追加・フォーマットできます。見出しと段落を1つのブロックで組み合わせて、柔軟にコンテンツを構成・フォーマットできます。
大・中・小の見出しや段落テキストなど、さまざまなテキストスタイルを選択できます。コンテキストツールバーには、太字、斜体、取り消し線、アラインメント、カラー、リンク、リスト、引用、上付き文字、下付き文字、絵文字、プロフィールタグなどの書式設定オプションがあります。
@メンションや#ハッシュタグを追加して、人やトピックを参照することもできます。いつでもスタイルを変更したり、書式を削除したり、ブロックを重複・削除したりできます。
メディア・アセットブロック
メディア・アセットブロックは、ビジュアルや補足資料でコンテンツを充実させるのに役立ちます。ページをより魅力的で分かりやすくします。
これらのブロックを使って、画像、動画、ドキュメントを追加し、メッセージを補強したり、テキスト中心のセクションを分かりやすくしたりできます。情報を明確に提示し、追加コンテキストを提供し、ユーザーがビジュアルでコンテンツを理解できるようにします。
画像
画像ブロックを使うと、ページに画像を追加できます。コンテンツをビジュアルで補強したり、重要なメッセージを強調したり、セクション間の視覚的な区切りを作るのに役立ちます。
エディター内でコーナーをドラッグして画像サイズを変更できます。キャプションや代替テキストを追加して、明確さやアクセシビリティを向上させることも可能です。編集時には次のオプションが利用できます:
-
コンテンツタブ:
- 画像を追加する:表示したい画像を追加します
- 位置:画像のアラインメントを設定します
- キャプション:キャプションを追加します
- 代替テキスト:スクリーンリーダーや低速インターネット利用者向けに代替テキストを追加します
- ターゲットURL:画像にリンクしたいURLを追加します
- ブラウザで開く(モバイル):リンクをデバイスのデフォルトブラウザで開きます
- 表示タブ:ブロックの表示先や対象を制御します。
動画
動画ブロックを使うと、ページに動画を埋め込めます。トピックの説明、最新情報の共有、よりダイナミックな形式で魅力的なコンテンツを提供できます。編集時には次のオプションが利用できます:
-
コンテンツタブ:
- ソース:マイファイルから動画を選択するか、URLを埋め込みます。サムネイルも追加できます。
- 動画を追加:ページ用の動画コンテンツを追加します
- 位置:動画のアラインメントを設定します
- キャプション:キャプションを追加します
- 表示タブ:ブロックの表示先や対象を制御します。
オーディオ
オーディオブロックを使うと、ページに音声ファイルを追加できます。アナウンスやインタビューなどの音声コンテンツを共有でき、ユーザーに別の情報取得方法を提供します。編集時には次のオプションが利用できます:
- コンテンツタブ:ページ用の音声コンテンツを追加します。
- 表示タブ:ブロックの表示先や対象を制御します。
ファイル
ファイルブロックを使うと、PDFなどのドキュメントをページに追加できます。追加リソースや詳細情報を提供し、ユーザーが閲覧・ダウンロードできるようにします。編集時には次のオプションが利用できます:
- コンテンツタブ:追加したいファイルを選択します。
- 表示タブ:ブロックの表示先や対象を制御します。
レイアウト・構造ブロック
レイアウト・構造ブロックは、コンテンツを分かりやすく整理し、ユーザーが論理的かつスキャンしやすい形でページを閲覧できるようにします。これらのブロックを使って、コンテンツを視覚的に区切り、構造化されたレイアウトを作成できます。情報を明確に提示し、重要なメッセージを強調し、長文やデータ中心のコンテンツを整理できます。可読性を高め、統一感のあるページレイアウトを作るために活用してください。
ディバイダー
ディバイダーブロックは、ページ上のコンテンツブロックを視覚的に区切ります。可読性を高め、ページ内の異なるセクションを見分けやすくします。
コンテキストツールバーを使って、いつでも編集・重複・削除が可能です。編集オプションでは、ディバイダーの表示を更新できます。
アコーディオン
アコーディオンブロックを使うと、長文や詳細な情報を折りたたみ可能なパネルに構成できます。これによりページがすっきりし、ナビゲートしやすくなります。親要素インジケーターを選択し、コンテキストツールバーで複製することで、1つのアコーディオン内に複数のパネルを追加できます。ユーザーは必要に応じて各パネルを展開・折りたたみできます。
コンテキストツールバーを使って、いつでも編集・重複・削除が可能です。編集時には次のオプションが利用できます:
- デザインタブ:背景色をカスタマイズします
- 表示タブ:ブロックの表示先や対象を制御します。
カスタム
カスタムブロックを使うと、Staffbaseウィジェットジェネレーターで作成したカスタムウィジェット(ウィジェットSDK提供)を埋め込めます。社内で開発・管理しているウィジェット(例:時計やデジタル名刺ウィジェットなど)がある場合、このブロックでページにウィジェットを利用でき、カスタムウィジェットを含む既存コンテンツの移行もサポートします。
情報ボックス
情報ボックスブロックは、ページ内の重要な情報を強調表示します。インフォメーション、成功、警告、クリティカルの4つのメッセージタイプに対応した、あらかじめ色分けされたレイアウトが用意されています。これにより、メモやアラート、重要なメッセージを明確かつ視覚的に区別して伝えられます。
コンテキストツールバーを使って、いつでも編集・重複・削除が可能です。編集を選択すると、表示タブが開きます。
コンテナ
コンテナブロックを使うと、コラムや他のコンテナ内にコンテナを入れ子にして、よりカスタム性・複雑性・柔軟性の高いレイアウトを作成できます。コンテナは最大2階層まで入れ子にでき、主にコンテンツを水平方向にコラムで構成するために使います。
デフォルトのコンテナ同様、背景色や背景画像、オプションのカラーオーバーレイ(不透明度調整)もサポートします。追加の入れ子が必要な場合は、コンテナブロックを手動で追加してください。
テーブル
テーブルブロックを使うと、行と列で構造化された情報を提示できます。比較表、スケジュール、リストなど、データ中心のコンテンツの可読性を高め、分かりやすく表示します。テーブルは2×2のレイアウトから始まり、必要に応じて行や列を追加・削除できます。各テーブルセルには、コンテナとテーブルブロック以外の任意のブロックを含めることができます。
ナビゲーションブロック
ナビゲーションブロックは、従業員を関連コンテンツ、ツール、目的地へページから直接案内するのに役立ちます。明確なリンクやアクションを使うことで、ユーザーが社内ページ、外部リソース、主要なワークフロー間を簡単に移動できるようにします。ナビゲーションブロックは、一貫したデザイン、柔軟なレイアウト、表示コントロールをサポートし、適切なリンクがデバイスを問わず適切な視聴者に表示されるようにします。
クイックリンク
クイックリンクブロックを使用すると、内部または外部のリソースへのリンクを追加できます。
-
コンテンツタブ:
- URLとラベルを入力します。
- デバイスのデフォルトのモバイルブラウザで開くかどうかを指定します。
-
デザインタブ:
- カードの種類:マイファイルから画像、またはアイコンピッカーからアイコンを追加します。
-
レイアウト:ページデザインに合わせてタイルまたはリストのレイアウトを選択します。
- リストのレイアウト:1つのリンクをリスト項目として表示します。シンプルで構造化された表示に最適です。
- タイルのレイアウト:1つのリンクをビジュアルタイルとして表示します。各タイルにはアイコンや画像を含めることができ、背景色をカスタマイズしてリンクをより目立たせることができます。
-
表示タブ:ブロックの表示場所と対象を制御します。
ボタン
ボタンブロックを使用すると、ユーザーを指定した目的地へ誘導する明確なアクションを作成できます。ボタンの色はブランディングページで設定されたメインブランドカラーが使用されます。
編集時に利用できるオプション:
-
コンテンツタブ
- レイアウト:ハグまたはフィルでボタンの幅を設定
- 位置:ボタンの配置
- リンク:ウェブページへのリンク
- 表示タブ:ブロックの表示場所と対象を制御します
ユーザーがボタンをクリックすると、ウェブサイトを開くなど、関連するアクションが自動的に実行されます。
ニュースおよびソーシャルブロック
ニュースおよびソーシャルブロックを使用すると、動的で定期的に更新されるコンテンツをページ上に直接表示できます。これにより、従業員は手動で更新しなくても常に最新情報を得られ、エンゲージメントが高まります。これらのブロックは既存のニュースチャネルやメディアソースとページを接続します。お知らせ、キャンペーン、動画コンテンツなどを、ビジュアルでリッチかつレスポンシブなレイアウトで強調表示できます。ニュース投稿やショート動画などのライブコンテンツを埋め込むことで、ページを視聴者にとって常に関連性のあるアクティブなコミュニケーションハブに変えることができます。
ニュース
ニュースブロックを使用すると、Staffbaseのニュースを選択したニュースページまたはチャネルに接続して、ページ上に直接表示できます。これはライブニュースセグメントとして機能し、最新の投稿を自動的に表示するため、手動で更新しなくてもページが常に最新の状態に保たれます。ニュースフィードまたはニュースステージのレイアウトでコンテンツを表示でき、Staffbaseでホストされている動画を従業員アプリやイントラネット内で直接再生できます。
コンテキストツールバーを使って、いつでもブロックの編集、複製、削除が可能です。編集時に利用できるオプション:
-
コンテンツタブ:
- ソース:リストからニュースページまたはチャネルを選択します。
- すべての投稿を表示するボタン:このオプションをONまたはOFFに切り替えます。
- 投稿をスキップする:スキップする投稿数を設定します。
-
デザインタブ:
-
デスクトップレイアウト:フィードまたはステージを選択します。
- フィード:選択したニュースチャネルからの投稿を時系列でリスト表示します。各投稿には見出し、ティーザーテキスト、メディアプレビュー(動画を含む)が表示されます。リストの方向で縦または横の表示を選択できます。
- ステージ:重要なお知らせやキャンペーンを強調するビジュアルなステージ形式で投稿を表示します。ワイドまたはカードスタイルから選択できます。
- 投稿数:表示する投稿数を指定します。
- 外観:レイアウトスタイルを選択します。
- 表示:表示する詳細(作成者、チャネル名、公開日など)を選択します。
-
デスクトップレイアウト:フィードまたはステージを選択します。
- 表示タブ:ブロックの表示場所と対象を制御します。
ショート動画
ショート動画ブロックを使用すると、メディアニュースチャネルから縦型のソーシャルメディア風動画をページに追加できます。投稿者は従業員アプリやイントラネットでショート動画を作成・公開でき、コミュニケーションや表彰、ストーリーテリングをサポートする魅力的な動画コンテンツを簡単に共有できます。
コンテキストツールバーを使って、いつでもブロックの編集、複製、削除が可能です。編集時に利用できるオプション:
- コンテンツタブ:ニュースページまたはチャネルを選択します。ブロックは動画を横並びの時系列フィードで表示し、素早く閲覧したり全画面再生が可能です。
- 表示タブ:ブロックの表示場所と対象を制御します。
グループサブスクリプション
グループサブスクリプションブロックを使用すると、ユーザーはページから直接オープングループへの参加や退出ができます。これにより、グループ関連のコンテンツが見つけやすくなり、従業員が関心のあるトピックをフォローしやすくなります。
コンテキストツールバーを使って、いつでもブロックの編集、複製、削除が可能です。編集時に利用できるオプション:
-
コンテンツタブ:
- グループ:グループを検索して選択します
- ボタンラベル:参加・退出ボタンのラベルをカスタマイズします。ブロックはメンバーシップに応じて自動的に適応します。ユーザーが未参加の場合はグループのコンテンツにすぐアクセスできる参加ボタンが表示され、すでに参加している場合は退出して更新の受信を停止できます。
- レイアウト:ハグまたはフィルのレイアウトを選択します
- 位置:ボタンの配置を選択します
- 表示タブ:ブロックの表示場所と対象を制御します
投稿を作成する
投稿を作成するブロックを使用すると、従業員がページから直接投稿を作成できます。ユーザーは特定のニュースチャネルに移動せずに更新投稿を公開でき、ボトムアップのコミュニケーションを促進します。編集者はこのブロックをホームページやイベントページなどの主要なページに配置し、投稿を簡単に行えるようにできます。
ブロックは入力フィールドとして表示され、ユーザーがクリックまたはタップすると投稿作成が始まります。
イントラネットではモーダルダイアログが開き、アプリでは全画面のモバイル最適化ダイアログが開きます。
公開後、ページが更新され、新しい投稿が事前に設定されたチャネルに表示されます。
ユーザーはリンク、ハッシュタグ、@メンション、画像や動画などの添付を含むリッチコンテンツの投稿が可能です。ブロックは、接続されたニュースチャネルで投稿権限を持つユーザーのみに表示されます。
編集時に利用できるオプション:
-
コンテンツタブ:
- 投稿先:投稿を公開するニュースチャネルを選択します。
- デザインタブ:入力フィールドにペンアイコンを表示するかどうかを選択します。
- 表示タブ:ブロックの表示場所と対象を制御します。
ユーザープロフィール
ユーザープロフィールブロックを使用すると、従業員ディレクトリ以外で連絡先情報を表示できます。たとえば、お問い合わせページなどで利用できます。利用可能な場合は、場所、部門、役職などのプロフィール詳細が表示されます。最大2つのプライマリフィールドと4つのセカンダリフィールドを選択できます。レイアウトは垂直または水平から選択でき、現在サインインしているユーザーを表示することも可能です。
コンテキストツールバーを使って、いつでもブロックの編集、複製、削除が可能です。編集時に利用できるオプション:
- コンテンツタブ:ユーザーまたはサインイン中の閲覧者のプロフィールを選択します。
-
デザインタブ:
- レイアウト:水平または垂直を選択します。
- 外観:標準またはカードから選択します。
- プロフィールフィールド:含めるプライマリおよびセカンダリフィールドを選択します。
- 表示タブ:ブロックの表示場所と対象を制御します。
インテグレーションおよびアプリ
インテグレーションおよびアプリブロックを使用すると、ページに動的コンテンツや従業員がすでに利用している外部システムとの接続を追加できます。これらのブロックを使って、ツール、ドキュメント、サービスをページに直接埋め込み、インタラクティブな体験やパーソナライズされた情報、サードパーティプラットフォームへのシームレスなアクセスを実現します。インテグレーションおよびアプリブロックを活用することで、ページを日常業務、ワークフロー、イントラネット全体のコラボレーションを支援する機能的なハブに変えることができます。
プラグイン
プラグインブロックを使用すると、フォーム、食事プラン、イベントカレンダーなどのプラグインコンテンツをページ上に直接表示できます。これにより、ユーザーはページを離れることなく、フォームの送信や週間食堂メニューの閲覧などのコンテンツとやり取りできます。
コンテキストツールバーを使って、いつでもブロックの編集、重複、削除が可能です。編集時には、次のオプションが利用できます。
-
コンテンツタブ:
- リストからプラグインを選択します。
- そのプラグインからページに表示する特定のアイテムを選択します。
-
デザインタブ:
- デスクトップまたはモバイル用のブロックの高さを設定します。
- ユーザーがブロック内でスクロールできるかどうかを設定します。
- 表示タブ:ブロックをどこに、誰に表示するかを制御します。
埋め込まれたページ
埋め込まれたページブロックを使うと、編集者は外部ウェブサイトをページ上に表示できます。これにより、ユーザーはページを離れることなく外部コンテンツを閲覧できます。
コンテキストツールバーを使って、いつでもブロックの編集、重複、削除が可能です。編集時には、次のオプションが利用できます。
- コンテンツタブ:ターゲットURLを追加します。
-
デザインタブ:
- デスクトップまたはモバイル用のブロックの高さを設定します。
- ユーザーがブロック内で操作、スクロール、またはフルスクリーンモードで開くことができるかどうかを設定します。
- 表示タブ:ブロックをどこに、誰に表示するかを制御します。
Googleブロック
Googleブロックを使うと、Googleサービスのコンテンツをイントラネットページに直接統合できます。カレンダーやファイルを従業員が作業する場所に埋め込むことで、重要な情報への迅速なアクセスを提供し、ツール間の切り替えを減らせます。
Googleカレンダーブロックを使うと、個人またはチームのカレンダーイベントをイントラネットページ上に直接表示でき、従業員は自分のスケジュールや今後の会議にすぐアクセスできます。これにより、ユーザーはページを離れることなくスケジュールを確認し、会議に参加できます。
コンテキストツールバーを使って、いつでもブロックの編集、重複、削除が可能です。編集時には、次のオプションが利用できます。
-
コンテンツタブ:
- プライマリカレンダーまたはチームカレンダーを選択します。
- 必要に応じてカレンダーIDを入力します。
- デザインタブ:デスクトップおよびモバイル用のカレンダーの高さを設定します。
- 表示タブ:ブロックをどこに、誰に表示するかを制御します。
Google Driveブロックを使うと、ユーザーは組織のイントラネットから直接Google Driveファイルにアクセスし、検索できます。このブロックは各ユーザーに個別化され、自動的に最近表示したファイルを表示し、GoogleとStaffbaseプラットフォーム間のシームレスな接続を実現します。
コンテキストツールバーを使って、いつでもブロックの編集、重複、削除が可能です。編集時には、次のオプションが利用できます。
- デザインタブ:デスクトップまたはモバイルでのブロックの高さを設定します。
- 表示タブ:ブロックをどこに、誰に表示するかを制御します。
Microsoftブロック
Microsoftブロックを使うと、Microsoft 365サービスをイントラネットページに直接統合できます。ファイル、カレンダー、ドキュメントライブラリを埋め込むことで、従業員がすでに利用しているコンテンツへのシームレスなアクセスを提供し、生産性を向上させます。
SharePointドキュメントライブラリや特定のフォルダを追加するには、Microsoft 365ドキュメントライブラリブロックを使用します。パンくずリストによる簡単なナビゲーション、検索機能、並べ替えオプションがあり、ユーザーがファイルを見つけてアクセスしやすくなります。編集時には、次のオプションが利用できます。
-
コンテンツタブ:次のドロップダウンメニューから選択します。
- SharePointサイト
- ドキュメントライブラリ
- フォルダーパス
- デフォルトの並べ替え
- 表示タブ:ブロックをどこに、誰に表示するかを制御します
Microsoftファイルをページに表示するには、Microsoft 365ファイルブロックを使用します。Microsoft 365からドキュメントリストを追加し、ユーザーがリストまたはタイル表示でファイルを検索・閲覧できるようにします。編集時には、次のオプションが利用できます。
-
コンテンツタブ:
-
リストの種類ドロップダウンから選択します:
- トレンドファイル
- 最近のファイル
- 特定のライブラリファイル
- 検索ベース
選択したライブラリや検索ベースのリストタイプに対して、さらにオプションを設定できます。
- 表示するアイテム数を指定します。
-
- 表示タブ:ブロックをどこに、誰に表示するかを制御します
カレンダーを表示するには、Microsoft 365カレンダーブロックを使用します。パーソナル、共有、グループカレンダーを埋め込むことで、ユーザーはイベントの閲覧、詳細の確認、会議への参加をページから直接行えます。編集時には、次のオプションが利用できます。
- コンテンツタブ:カレンダータイプドロップダウンからカレンダータイプを選択します。共有カレンダーまたはグループカレンダーを選択した場合、表示する特定のカレンダーを選択できる追加フィールドが表示されます。
- 表示タブ:ブロックをどこに、誰に表示するかを制御します
単一のMicrosoftファイルを埋め込むには、Microsoft 365ファイル ビューアーブロックを使用します。たとえば、PowerPointプレゼンテーションや他のドキュメントをページ内で直接表示し、ユーザーがダウンロードせずに閲覧できます。編集時には、次のオプションが利用できます。
- コンテンツタブ:ファイルを選択する
- 表示タブ:ブロックをどこに、誰に表示するかを制御します
タスク
割り当てられたタスクの中央概要を提供するには、タスクハブブロックを使用します。ユーザーはさまざまなタスクプロジェクトにアクセスし、切り替えることができ、チームやプロジェクト間の作業管理が容易になります。
アンケートブロック
アンケートブロックを使うと、ユーザーから直接フィードバックやインサイトを収集できます。既存のアンケートを埋め込んで、迅速な回答によるエンゲージメントを促進します。このブロックを使って意見を集めたり、感情を測定したり、意思決定を検証したりできます。アンケートは視聴者をより深く理解し、プロセスの改善に役立ちます。編集時には、次のオプションが利用できます。
- コンテンツタブ:
- アンケート:視聴者が回答するアンケートを選択します。
- 表示タブ:アンケートブロックをどこに、誰に表示するかを制御します。
ServiceNowブロック
ServiceNowチケットの概要を表示するには、ServiceNowチケットブロックを使用します。従業員は割り当てられたチケットの閲覧やオープン、チケットの検索、既存チケットへの直接アクセスが可能です。
編集時には、次のオプションが利用できます。
- コンテンツタブ:表示するServiceNowサービスの種類を設定します。
- 表示タブ:ブロックをどこに、誰に表示するかを制御します。
HRブロック
欠勤情報を表示するには、欠勤ブロックを使用します。利用可能な休暇を示す残高ビューと、過去および今後のリクエストとそのステータスを一覧表示するリクエストビューが含まれます。任意のお知らせでユーザーに変更を通知できます。各従業員は自分の欠勤データのみを閲覧できます。
編集時には、次のオプションが利用できます。
- コンテンツタブ:従業員に表示する欠勤情報を設定します。
-
表示タイプ:
- ユーザーの欠勤の残高:休暇や病気などのさまざまな欠勤カテゴリーと、利用可能な時間や残高を表示します。
- ユーザーの欠勤リスト:過去および今後の欠勤リクエストと、そのステータス(承認済みや保留中など)を一覧表示します。
- ポリシータイプ:接続されたHRシステムに基づいて欠勤ポリシーマッピングを設定します。例:WorkdayやSAP SuccessFactors。
- 表示 タブ:ブロックをどこに、誰に表示するかを制御します。
従業員の給与明細を表示するには、給与明細ブロックを使用します。支払期間ごとの給与明細の概要を提供し、ユーザーは個別の給与明細を選択して、控除や追加データ(HRシステムが対応している場合を含む)などの詳細情報に安全にアクセスできます。
プライバシー保護のため、データはデフォルトで非表示となっており、ユーザーが表示する必要があります。任意のお知らせで新しい給与明細が利用可能になった際にユーザーに通知します。
表示タブで、ブロックをどこに、誰に表示するかを制御できます。
コメント
0件のコメント
サインインしてコメントを残してください。