リッチテキストモジュールのコンテンツを編集する

リッチテキストモジュールでは、テキスト、画像、リンクを含む、複数のタイプのコンテンツを追加することができます。開発者はリッチテキストモジュールをカスタムコードのテンプレートに追加し、編集オプションをカスタマイズすることができる。

ナレッジベース記事エディター では、一部のリッチテキスト編集機能はご利用いただけません。

リッチテキストモジュールでテキストをフォーマットする

• コンテンツを開きます。

  • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
  • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
  • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
  • ナレッジベース：HubSpotアカウントにて、［コンテンツ］＞［ナレッジベース］の順に進みます。
  • Eメール：HubSpotアカウントにて、［マーケティング］＞［マーケティングEメール］の順に進みます。
• コンテンツの名をクリックします。 
• コンテンツエディターで、リッチテキストモジュールをクリックし、エディター上部のリッチテキストツールバーをアクティブにする。 
• リッチテキストモジュールで、テキストをハイライトする。 
• コンテンツ内でのテキストの比較サイズと重要度を設定するには、スタイルドロップダウンメニューをクリックし、オプションを選択します。 
• テキストのフォントを設定するには、フォントドロップダウンメニューをクリックし、フォントを選択します。HubSpotでフォントを使用する方法について詳しくはこちら。 
• テキストのサイズを設定するには、フォントサイズドロップダウンメニューをクリックし、サイズをピクセル単位で選択します。
• テキストを太字、斜体、下線にするには、bold スタイル設定アイコンをクリックします。 
• テキストの色を変更するには、textColorテキストの色アイコンをクリックし、色を選択します。16進数またはRGBカラーコードを使用する場合、またはカスタムカラーを選択する場合は、Advancedタブをクリックします。 
• テキストの背景色を設定するには、highlight背景色アイコンをクリックし、色を選択します。16進数またはRGBカラーコードを使用する場合、またはカスタムカラーを選択する場合は、Advancedタブをクリックします。 

• テキストの位置合わせを変更するには、alignLeft Alignドロップダウンメニューをクリックし、alignCenter位置合わせアイコンを選択します。 
• 箇条書きリストにテキストを追加するには、bulletList箇条書きリストアイコンをクリックします。リストの形式を変更するには、箇条書きリストドロップダウンメニューをクリックし、bulletDiamond形式を選択します。
• テキストを番号付きリストに追加するには、numberList番号付きリストアイコンをクリックします。リストのフォーマットを変更するには、番号付きリストドロップダウンメニューをクリックし、bulletLowerAlpha フォーマットを選択します。
• テキストの行の高さを設定するには、lineHeight 行の高さドロップダウンメニューをクリックし、高さを選択します。 
• テキストの字下げを増減するには、indent字下げを増やすまたは字下げを減らすアイコンをクリックします。 
• テキストに適用されているスタイルを削除するには、removeTextStyle スタイルをクリアアイコンをクリックします。 
• 書式を追加するには、「その他」ドロップダウンメニューをクリックし、strike strikethrough、superscript上付き文字、またはsubscript下付き文字アイコンを選択します。
• テキストをコードとしてフォーマットするには、「その他」ドロップダウンメニューをクリックし、codeコードフォーマットアイコンを選択します。 

リッチテキストモジュールに要素を追加する

• コンテンツを開きます。

  • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
  • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
  • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
  • ナレッジベース：HubSpotアカウントにて、［コンテンツ］＞［ナレッジベース］の順に進みます。
  • Eメール：HubSpotアカウントにて、［マーケティング］＞［マーケティングEメール］の順に進みます。
• コンテンツの名をクリックします。 
• コンテンツエディターで、リッチテキストモジュールをクリックし、エディター上部のリッチテキストツールバーをアクティブにする。 
• リンクを挿入するには、テキストを選択し、linkリンクの挿入アイコンをクリックします。HubSpotのリンクを使った作業の詳細についてはこちらをご覧ください。 
• 画像を挿入するには、insertImage画像の挿入アイコンをクリックします。、HubSpotで画像を使用する方法について詳しく説明します。 
• 絵文字を挿入するには、emoji絵文字を挿入アイコンをクリックします。 
• CTAを挿入するには、「挿入」ドロップダウンメニューをクリックし、Call-to-actionを選択します。HubSpotのCTAとの連携についてはこちらをご覧ください。 
• 埋め込みコードを挿入するには、「挿入」ドロップダウンメニューをクリックし、Embedを選択します。HubSpotの埋め込みコンテンツについての詳細はこちらをご覧ください。
• 動画を挿入するには、［挿入］ドロップダウンメニューをクリックし、動画にマウスポインターを合わせて、HubSpot動画または外部の動画を選択します。、HubSpotで動画を使った作業について詳しく説明します。
• テーブルを挿入するには、「挿入」ドロップダウンメニューをクリックし、「テーブル」にマウスポインターを合わせ、テーブルの寸法を選択します。、HubSpotでテーブルを使用する方法について詳しく説明します。
• 特殊文字を挿入するには、「挿入」ドロップダウンメニューをクリックし、「特殊文字」を選択する。ポップアップ・ボックスで、特殊文字をクリックする。 
• 特殊文字を挿入するには、「挿入」ドロップダウンメニューをクリックし、Iconを選択する。ポップアップボックスで、アイコンをクリックします。、HubSpotでアイコンを使った作業について詳しく説明します。 
• アンカーリンクを挿入するには、「挿入」ドロップダウンメニューをクリックし、Anchorを選択します。、HubSpotのアンカーリンクとの連携について詳しくはこちらをご覧ください。
• 水平線を挿入するには、「挿入」ドロップダウンメニューをクリックし、「横線」を選択する。
• ノーブレークスペースを挿入するには、「挿入」ドロップダウンメニューをクリックし、「ノーブレークスペース」を選択する。
• パーソナライゼーション・トークンを挿入するには、Personalizeをクリックします。ポップアップボックスで、Typeドロップダウンメニューをクリックし、token typeを選択し、tokenをクリックします。パーソナライゼーショントークンとの連携については、 HubSpotをご覧ください。

リッチテキストモジュールの高度な編集機能の使用

• コンテンツを開きます。

  • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
  • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
  • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
  • ナレッジベース：HubSpotアカウントにて、［コンテンツ］＞［ナレッジベース］の順に進みます。
  • Eメール：HubSpotアカウントにて、［マーケティング］＞［マーケティングEメール］の順に進みます。
• コンテンツの名をクリックします。 
• コンテンツエディターで、リッチテキストモジュールをクリックし、エディター上部のリッチテキストツールバーをアクティブにする。 
• モジュールのソースコードにアクセスするには、Advancedドロップダウンメニューをクリックし、「ソースコード」を選択します。ダイアログボックスでソースコードを編集し、「変更を保存」をクリックします。

• コンテンツをブロックに分けて表示するには、詳細ドロップダウンメニューをクリックし、ブロックを表示を選択します。ブロックなしで再びコンテンツを表示するには、詳細ドロップダウンメニューをクリックし、ブロックを隠すを選択します。どちらのオプションも、訪問者へのコンテンツの表示には影響しません。
• Googleドキュメントのコンテンツをリッチテキストモジュールにインポートするには、Advancedドロップダウンメニューをクリックし、「Googleドキュメントをインポート」を選択します。ダイアログボックスで、HubSpotとGoogle Driveがまだ接続されていない場合は接続し、ファイルを選択します。