リッチコンテンツエディターでのテキストまたはテキストセクションの追加

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:6分
  • リッチコンテンツエディターのキャンバスを使用して、コンテンツに [テキスト] または [テキストセクション] を追加できます。

    始める前に

    必要なロール:sn_cd.content_manager

    モジュールまたは列を使用してページレイアウトを作成します。

    このタスクについて

    • [テキスト] は、テキストを書式設定および配置するためのツールを提供します。
    • [テキストセクション] は、テキストを書式設定および配置するためのツールと見出しを追加するためのエリアを提供します。
      注:
      [テキスト] セクションでは、見出し、テキスト、コンテナの設定が別々に構成されます。

    書式設定されたコンテンツをコピーしてリッチコンテンツエディターに貼り付けると、そのコンテンツは、元の書式設定を保持して新しいテキストボックスに表示されます。または、ブラウザのツールバーオプションを使用することもできます 編集 > スタイルを貼り付けて一致させる で、宛先テキストボックスの書式に合わせてコンテンツをプレーンテキストとして貼り付けます。

    貼り付け動作:
    • テキストボックスをクリックして貼り付ける:カーソルの位置にコンテンツが表示されます。
    • テキストボックス全体を選択して貼り付ける:下にある新しいテキストボックスにコンテンツが表示されます
      注:
      コンテンツマネージャーとアドミニストレーターには、画像を含む選択したキャンバス要素に背景色を適用するオプションがあります。利用可能な機能には、単色とグラデーション色の使用、および色の不透明度の調整が含まれます。これらの設定には、キャンバス要素にリッチコンテンツを追加するときに、[設定スタイリング] タブの右側パネルからアクセスできます。

    手順

    1. [新しいコンテンツ] フォームの [デザイン] タブから [エディターを開く] ボタンを選択して、キャンバスに移動します。
    2. [ブロック] 列から、ドラッグアンドドロップ方式で [テキスト] または [テキストセクション] ブロックをキャンバスに移動します。
    3. 列にドロップしたコンポーネントに応じて、テキストまたはテキストと見出しを入力します。
    4. [設定] タブに移動します。
    5. 次のいずれかのスタイリング設定を使用します。
      注:
      画像、ビデオ、またはテキストを追加する場合、リッチコンテンツとニュース記事の作成に役立つ機能的で便利なスタイリング機能がいくつかあります。右側のパネルのオプションには、さまざまな背景、不透明度、影を有効にする機能、改善されたセルとボタン、追加の境界線設定、色とタイプ、および追加のテキストスタイル、色、フォントが含まれます。
      表 : 1. 設定オプション
      設定フィールド 説明
      スタイリング
      テキストスタイル 事前に書式設定された選択肢を選択することで、テキストの外観をすばやく変更できます。さまざまな見出しまたは段落スタイルを選択できます。

      見出し 1 ~ 6 は h1 ~ h6 の HTML タグに対応しています。

      テキストの色 このドロップダウンを使用して、テキストの色を変更できます。
      選択肢は次のとおりです。
      • プライマリ:ポータルテーマで定義されたプライマリ色。
      • ミュート:ポータルテーマで定義された色。
      • 白:テキストの色を白に変更します。これは、白以外の背景色を使用する場合に便利です。

      テキストの色は、テキストの色に事前定義された CSS クラスをアサインします。

      注:
      フォントの色はデフォルトで白である場合があります。ただし、「白」を選択した状態でも更新できます。テキストのスタイルと色を変更すると、すべてのプロパティがクリアされます。
      表示 画像コンポーネントやテキストコンポーネントなど、同じ列内の複数のコンポーネントの外観を構成します。次のオプションのいずれかを選択します。
      • 上と下 (デフォルト):画像は他のコンポーネントの上に表示されます。
      • 並べて表示:画像と別のコンポーネントが並べて表示されます。
      注:
      最良の結果を得るには、コンポーネントに同じ表示を設定します。たとえば、列に画像とテキストのコンポーネントがあり、画像を左側に表示し、テキストを右側に表示する場合は、両方のコンポーネントの [表示] 設定を [並べて表示] に変更します。
      テキストの配置 テキストの水平配置を決定します。以下から選択します。
      • 左揃え (Left justify)
      • 中央揃え (Center justify)
      • 右揃え (Right justify)
      • 両端揃え (Justify) (テキストを両方のマージンに揃える)
      リストアイテムにテキストを追加 (リンク) 右矢印キーを押してからリンクの下に入力すると、リンクリストアイテムの下にテキストを追加できます。
      詳細なスタイリング
      パディング テキストとテキストコンテナの境界線の間隔をピクセル単位で、またはテキストコンテナ全体に対する割合で設定します。

      上、右、下、および左のパディングを指定します。

      フォント名 文字の表示に使用するフォントを定義します。

      別のフォントを選択するには、ドロップダウン矢印をクリックします。

      フォントサイズ フォントのサイズを設定します。
      フォントの太さ テキストをどのぐらい太くまたは細く表示するかを決定します。

      別の太さを選択するには、ドロップダウン矢印をクリックします。

      行の高さ 2 行のテキスト間の垂直距離を設定します。
      フォントの色 ポータルテーマのフォントの色を上書きします。

      色を選択するには、16 進数コードを入力するか、カラーピッカー (フォント色の右側にある灰色の四角形) をクリックしてカラーパレットから色を選択します。

      プロパティ
      ID HTML 要素を識別する一意の ID。
      タイトル ユーザーがコンポーネントにカーソルを合わせたときに表示されるテキスト。
    6. [保存] または、[保存して終了] を選択します。
      [保存] を選択するとコンテンツが保存され、リッチコンテンツエディターのキャンバスに留まります。[保存して終了] を選択すると、レコードが保存され、[新規コンテンツ] フォームに戻ります。

    次のタスク

    • (オプション) コンテンツを翻訳します。

      コンテンツの言語翻訳を要求します。詳細については、「コンテンツライブラリでの多言語サポート」を参照してください。

      注:
      コンテンツの変更が完了した後にのみ、コンテンツを翻訳してください。最良の結果を得るために、翻訳後にコンポーネントを追加または削除したり、書式設定を変更したりすることはお勧めしません。

      異なる言語で異なる書式設定のリッチコンテンツを作成するには、コンテンツを複製し、必要に応じて書式設定を変更します。次に、[対象者] を使用して、言語別にコンテンツの対象をユーザーに絞ります。「対象者」を参照してください。

    • [公開 (Publish)] タブからコンテンツをプレビューします。
      注:
      コンテンツのプレビューは、コンテンツの表示に関する一般的なアイデアを提供するように設計されています。コンテンツの公開後は、デバイスの解像度、テーマの違い、モバイルアプリのスタイル構成の違いにより、見た目が異なる場合があります。
    • 公開計画を構成して、コンテンツの配信先、対象者、利用可能期間を管理します:コンテンツの公開計画の作成