リッチコンテンツエディターでタブを追加
リッチコンテンツにタブを追加すると、ユーザーは、さまざまなタブを選択し、タブ内の関連付けられているコンテンツを表示できるので、効率的にナビゲーションできます。
始める前に
必要なロール：sn_cd.content_manager
[新規コンテンツ] フォームのフィールドに入力します。「リッチコンテンツの作成」を参照してください。
モジュールまたは列を使用してページレイアウトを作成します。
- モジュールは、ヘッダー、パラグラフテキスト、および画像で構成される事前定義されたコンテンツレイアウトです。「リッチコンテンツエディターを使用した事前定義されたコンテンツレイアウトの追加」を参照してください。
- 列は、カスタムレイアウトを定義できるコンテナです。「リッチコンテンツエディターでの列の追加」を参照してください。
このタスクについて
画像、ビデオ、テキスト、テキストセクション、リンク、リンクブロック、ボタンなどの他のコンポーネントをタブに追加できます。[タブ] コンポーネントをキャンバスにドロップすると、タブの下に、他のコンポーネントをドロップできるエリアが表示されます。
注:
[タブ] 機能が有効になっていない場合は、コンテンツ公開 アプリケーションを再インストールしてください。
手順
-
リッチコンテンツエディターのキャンバスから、ドラッグアンドドロップ方式でタブを追加できます。
-
さらにタブを追加するには、タブコンポーネント全体を選択し、 .
-
または、[背景色 ] フィールドの右側にあるカラーピッカー (灰色の正方形) を選択することもできます。
-
表示されるカラーパレットをクリックします。
-
カラーパレットから色を選択した後、右側のスライドバーを使用して色を微調整します。
バーを上下にスライドさせます。
-
下部のスライドバーを使用して、色を明るくしたり暗くしたりします。
注:変更をプレビューしてタブを選択すると、タブの色または輪郭にポータルテーマのデフォルトの色が表示される場合があります。
-
キャンバスに追加したタブの下のエリアに他のコンポーネントをドロップできます。
表 : 1. 詳細なスタイリング フィールド 説明 Width 各タブを選択し、[幅] ドロップダウンを使用して、その幅を編集します。選択肢は次のとおりです。 - 自動：サイズはタブ内のコンテンツに基づきます。タブに追加のテキストを入力すると、幅が自動的に大きくなります。
- px：測定単位としてピクセルを使用します。
- %：測定単位としてパーセンテージを使用します。
Height 各タブを選択し、[高さ] ドロップダウンを使用して、その高さを編集します。選択肢は次のとおりです。 - 自動：サイズはタブ内のコンテンツに基づきます。タブに追加のテキストを入力すると、幅が自動的に大きくなります。
- px：測定単位としてピクセルを使用します。
- %：測定単位としてパーセンテージを使用します。
フォント名 ドロップダウンを選択して特定のフォントを選択します。 フォントサイズ 数字を入力してフォントサイズを変更するか、上下の矢印を使用してフォントを縮小または拡大します。 フォントの太さ ボタンのテキストを太くまたは細くする方法を決定します。別の重み付けを選択するには、ドロップダウン矢印を選択します。 行の高さ テキストの行間の距離を決定します。上下の矢印を使用して、行の高さを増減します。 フォントの色 フォントの色を定義します。 [フォントの色] フィールドの右側にあるカラーピッカー (灰色の正方形) を選択します。
カラーパレットをクリックし、必要な色を選択します。
右下のスライドバーを使用して、色を微調整します。注:変更をプレビューしてタブを選択すると、テキストの色としてポータルテーマのデフォルトの色が表示される場合があります。
次のタスク
- (オプション) コンテンツを翻訳します。
コンテンツの言語翻訳を要求します。詳細については、「コンテンツライブラリでの多言語サポート」を参照してください。
注:コンテンツの変更が完了した後にのみ、コンテンツを翻訳してください。最良の結果を得るために、翻訳後にコンポーネントを追加または削除したり、書式設定を変更したりすることはお勧めしません。異なる言語で異なる書式設定のリッチコンテンツを作成するには、コンテンツを複製し、必要に応じて書式設定を変更します。次に、[対象者] を使用して、言語別にコンテンツの対象をユーザーに絞ります。「対象者」を参照してください。
- [ 公開] タブからコンテンツをプレビューします。 注:コンテンツのプレビューは、コンテンツの表示に関する一般的なアイデアを提供するように設計されています。コンテンツの公開後は、デバイスの解像度、テーマの違い、モバイルアプリのスタイル構成の違いにより、見た目が異なる場合があります。
- 公開計画を構成して、コンテンツの配信先、対象者、利用可能期間を管理します：コンテンツの公開計画の作成