カードを使って美しい動的コンテンツを会社ハブに追加する
この機能は、Confluence Cloud Premium および Enterprise で利用できます。
カードを使うと、インタラクティブなコンテンツを整理してページに表示できます。重要な情報を視覚的に魅力的な方法で強調したり、関連項目のコレクションを提示したりするのに最適です。
カードは、Confluence、Jira、Atlas のリンクや外部 URL を見栄えのよいクリック可能なページ要素に変換できます。1 ページに好きなだけカードを追加して、さまざまな方法でカスタマイズできます。
また、あらかじめ定義された一連のソースからカードに動的に入力する独自のフィルターを作成することもできます。
ページにカードを追加する方法。
ツールバーから (+) を選択して、カードを探します。または、ページの本文から「
/cards」と入力します。選択すると、3 枚のカードのグループがページに表示されます。
カード要素を選択し、フローティング メニューから表示オプションを選択します。
標準の幅に戻す: カード要素はテキストの幅になります。
ワイド表示: カード要素は既定のテキスト幅よりも広くなりますが、画面いっぱいにはなりません。
全幅で表示: カード要素は画面の幅いっぱいに表示され、ブラウザのウィンドウ サイズの変更に応じて変化します。
カスタマイズ中に、好きなだけカードを作成または削除できます。
カードをカスタマイズして設定する方法。
設定するカードの周りのフレームを選択し、[編集] () アイコンを選択して設定パネルを開きます。
カード セットとして [手動] または [動的] を選択します。
[手動] カードでは、特定のリンク、テキスト、画像を選択できます。
[動的] カードでは、カード セットへの入力と更新を自動的に行うフィルターを設定します。
利用可能な設定オプションを使用してカードをカスタマイズします。カードは、Confluence コンテンツまたは Jira 作業項目 (外部 URL など) から生成できます。
注意: 選択したリンクから直接得られるカードに表示されるコンテンツは、ページにアクセスできる人なら誰でも (リンク自体にアクセスできなくても) 見ることができます。
手動でのカード設定
個々のリンクを選択し、ルック & フィールをカスタマイズします。
機能レベルのオプション
オプション | 既定 | 説明 |
|---|---|---|
サイズ | 中 | 小、中、大サイズのカードから選択します。 |
次の形式で表示 | 行 | カード セットを 1 つの長いスクロール行に表示するか、新しい行に折り返して重ねて表示します。 |
位置の調整 | 中央揃え | 積み重ねたカードを要素内の中央揃え、左揃え、または右揃えに設定します。 [次の形式で表示] が [行] に設定されている場合、[配置] は利用できません。 |
最終更新日を表示 | オフ | Confluence、Jira、または Atlas のリンクが最後に更新された日時の表記を追加します。 |
所有者を表示 | オン | Confluence、Jira、または Atlas のリンクの所有者のアバターを表示します。 |
カード レベルのオプション
オプション | 説明 |
|---|---|
リンク | Confluence、Jira、Atlas、または外部 URL から直接提供されるコンテンツをカードに表示します。 注意: 選択したリンクから直接カードに表示されるコンテンツは、ページにアクセスできる人なら誰でも (リンク自体にアクセスできなくても) 見ることができます。 |
タイトル | カードにヘッダー タイトルを追加することを強く推奨します。これは既定でリンクのタイトルになります。 |
説明 | カードのタイトルの下にキャプションやその他のテキストを追加します。 Confluence のリンクについては、Atlassian Intelligence から提案された説明 (編集可能) を使用することもできます。 |
画像 | Unsplash を参照して選択するか、追加されたリンクから取得した画像を選択するか、画像を直接アップロードすることで、カードに画像を追加できます。700 ピクセル以上の幅の画像をお勧めします。 |
動的なカード設定
自動的に更新されるカードを自動的に作成する一連のフィルターを設計します。動的カードは、選択した条件に一致する Confluence ドキュメントで構成されています。
動的カードを選択すると、フィルターを作成するまでカード セットへの入力は行われません。[動的カードの作成] を選択して開始します。
フィルター オプション
Confluence のコンテンツをフィルタリングする方法を選択します。複数のオプションを選択できる場合、リンクを含めるにはそのうちの 1 つと一致する必要があります。たとえば、benefits や team-news などのラベルを追加すると、それらのラベルの少なくとも 1 つを含むコンテンツが表示されます。
オプション | 説明 |
|---|---|
最終更新 | 特定の期間に更新されたリンクのみにカードを限定して、最新情報を表示するようにします。 |
タイプ | [すべて] を選択するか、コンテンツをページまたはブログ投稿のいずれかに制限します。 |
投稿者 | 検索フィールドを使用して、特定の作成者または編集者を検索します。 |
所有者 | 特定の人が所有するコンテンツにカードを限定します。 |
スペース | コンテンツのソースとなるスペースを 1 つ以上選択します。 |
コンテンツの場所 | 特定の親の子コンテンツを選択するには、親ページを選択します。 |
検証済み | 所有者または管理者によって検証済みとマークされたコンテンツのみをフィルタリングします。 |
ラベル | 選択したラベルが 1 つ以上含まれているコンテンツのみを含めるようにラベルを追加します。 |
ソート順 | 既定では、カード セットは更新が新しい順にソートされますが、更新が古い順にソートしたり、元の作成日順にソートしたりするように変更できます。 |
機能レベルのオプション
フィルターを作成したら、カードのルック & フィールを変更できます。
オプション | 既定 | 説明 |
|---|---|---|
サイズ | 中 | 小、中、大サイズのカードから選択します。 |
次の形式で表示 | 行 | カード セットを 1 つの長いスクロール行に表示するか、新しい行に折り返して重ねて表示します。 |
位置の調整 | 中央揃え | 積み重ねたカードを要素内の中央揃え、左揃え、または右揃えに設定します。 [次の形式で表示] が [行] に設定されている場合、[配置] は利用できません。 |
最終更新日を表示 | オフ | Confluence、Jira、または Atlas のリンクが最後に更新された日時の表記を追加します。 |
所有者を表示 | オン | Confluence、Jira、または Atlas のリンクの所有者のアバターを表示します。 |
カード数 | 3 | スライダーを使用して、表示するカードの数を選択します。 |
この内容はお役に立ちましたか?