Textエレメントの追加.

DXPR Builderを学ぶページを作るコンテンツを追加テキストとメディア

ページに書式付きの文章を載せます。見出し、段落、リスト、リンク、画像などです。本文テキスト全般に使い、ページ上で直接編集するか、設定ダイアログで編集します。

Product Update見出しと太字の行動喚起文で終わる段落のあるテキストエレメント

テキストエレメントの追加

ログインした状態でページを開きます。コンテンツエリアにカーソルを合わせると、ビルダーのコントロールが表示されます。基本操作は最初のページをご覧ください。

  1. カラムにカーソルを合わせ、コントロールバーの+をクリックします。空のページではAdd Elementsをクリックします。Contentタブを開き、Textをクリックします。カラムの一番上に追加され、設定ダイアログが開きます。
  2. 編集画面はTextエディターで、プレースホルダーテキストを選択し、見出しを上書き入力します。
  3. 見出し行を選択し、ツールバーの見出し一覧からHeading 2を選びます。
  4. Enterキーを押して段落を入力し、行動喚起文を選択してBoldをクリックします。
  5. ダイアログのSaveをクリックします。次に、コンテンツエリア上部のツールバーにあるSaveをクリックして、ページを保存します。

表示内容

見出しと段落が、選んだ書式でカラムに表示されます。動画ではHeading 2のタイトルの下に、太字の行動喚起文で終わる段落があります。動画末尾のAIコマンドは任意で、Set upで説明します。ページを保存して公開すると、訪問者に表示されます。

テキストエレメントの設定

エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開きます。設定項目は次のとおりです。

  • Text: フルエディターでのコンテンツ。ツールバーには初期値で見出し、太字と斜体、リスト、リンク、画像、表、ブロッククォート、ソース編集があります。ユーザープロファイルでボタンを変えられます。

そのツールバーのリスト、リンク、画像ボタンで、箇条書き、リンク、画像を追加します。ページ上のテキストをクリックしてその場で編集することもでき、その場合は短めのツールバーになります。

AIに手伝わせるには、ページ上のテキストをクリックして/に続けて指示を入力します(例:/write next sentence)。Enterキーを押すと、AIがその場で書き込みます。AI text commandsにツールバーのコマンド一覧があります。

表示されない場合

  • ContentタブにTextがない。 ユーザープロファイルで非表示になっています。管理者にUser Profilesでの有効化を依頼してください。
  • 再読み込み後に消えている。 ページが保存されていません。追加し直し、コンテンツエリア上部のツールバーにあるSaveをクリックします。
  • エレメントが空欄になっている。 まだコンテンツが入力されていません。ページ上のテキスト領域をクリックして入力を始めるか、エレメントにカーソルを合わせてコントロールバーのMore > Settingsを開きフルエディターを使います。
  • 書式がエディターと違って見える。 テーマが見出しサイズやリストスタイルを上書きしています。custom CSSガイドの手順で、開発者にテーマCSSの調整を依頼してください。

次のステップ

Styleタブでテキストエレメントの色、間隔、タイポグラフィを変更します。