HTML または CSS (カスケードスタイルシート) の知識がなくても、レイアウトの作成、コンポーネント (コンテナ、画像、ビデオ、リンクなど) の追加、およびコンポーネントの設定の調整を行うことができます。リッチコンテンツエディターを使用すると、技術者以外のユーザーが IT や技術者のサポートなしでページのセクションを構築できます。

リッチコンテンツエディターには、ドラッグアンドドロップ方式でコンテンツを作成するコンポーネントとキャンバスエリアが用意されています。コンポーネントは個別に編集でき、コンテンツを対象者に提供する前に、作成している内容をデスクトップ、タブレット、またはモバイルデバイスでプレビューできます。

リッチコンテンツエディターのインターフェイス

インターフェイスの機能について説明します。

1. メニューバー ウィンドウの上部にはメニューバーがあります。 メニューバーの左側にあるアイコンをクリックして、キャンバスサイズをデスクトップ、タブレット、またはモバイルに変更します。 注: 3 つのプラットフォームすべてに対応するコンテンツを作成する際に最良の結果を得るには、まずデスクトップ用のコンテンツを作成し、次にタブレットとモバイル用のコンテンツを作成します。 メニューバーの右側には 5 つのアイコンがあります。 コンポーネントを表示：キャンバスのデフォルトビューには、エディターモードでキャンバスにドロップしたコンポーネントが表示されます。このビューは、コンポーネントのすべての側面を表示するため、コンテンツを構築するために役立ちます。編集モードをオフにしてコンテンツをプレビューするには、このアイコンを選択します。 元に戻す：最後に行った変更を元に戻します。 やり直し：最後に実行した [元に戻す] を取り消して元のデータに戻します。 キャンバスをクリア:キャンバスからすべての要素を削除します。 キャンバスのコードを編集:コードを変更できる HTML および CSS ソースコードを開きます。 注: このアイコンが表示されない場合は、管理者に [コードの編集 ] プロパティを有効にするように依頼してください。「Content Publishing とともにインストールされるプロパティ」を参照してください。 2. キャンバス キャンバスは、リッチコンテンツを作成する作業領域です。ここでは、モジュールとコンポーネントを追加、コピー、および削除できます。 3. モジュール モジュールは、ヘッダー、パラグラフテキスト、および画像が含まれる事前定義されたコンテンツレイアウトです。縦向きのカード 3 枚、横向きのカード 3 枚で構成されるレイアウト、またはテキストブロックの右側に画像が配置された並列構成から選択します。 4. コンポーネント コンポーネントは、列、タブ、分割線、テキストボックス、リンク、ボタンなどのリッチコンテンツの構成要素です。 5. ボタン キャンバスの右側の下部には、3 つのボタンがあります。 キャンセル：保存する前に行った変更を削除します。 保存：変更を保存します。作業中のキャンバスは表示されたままになります。 保存して終了:作業が保存され、コンテンツのプレビュー、スケジュール設定、公開ができるコンテンツフォームに戻ります。

6. ツールバー キャンバスにドロップするすべてのコンポーネントには、関連付けられたツールバーがあります。ツールバーを使用すると、親コンポーネントへのフォーカスの移動、コンポーネントのドラッグと移動、コンポーネントのコピー、コンポーネントの削除、またはコードの修正が可能なコンポーネントの HTML および CSS ソースコードのオープンを行うことができます。 注: [ コードを編集 ] アイコンが表示されない場合は、管理者に [コードの編集 ] プロパティを有効にするように依頼してください。「Content Publishing とともにインストールされるプロパティ」を参照してください。 。 7. 設定 コンポーネントをキャンバスにドロップした後、[設定] タブを使用して微調整できます。 [設定] フィールドは、キャンバスにドロップするコンポーネントに応じて変化します。 8. スタイリング [設定] タブにある [スタイリング] は、ブロックをさらに定義するために役立ちます。 詳細なスタイリング これも [設定] タブにあり、コンポーネントの編集と定義に役立ちます。 9. プロパティ [設定] タブにある [プロパティ] を使用して、ブロックをさらに定義します。

リッチコンテンツエディターの使用