メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

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

更新日時 2024年 9月 10日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

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

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

リッチ テキスト モジュールでテキストを書式設定する

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

    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[コンテンツ]>[ナレッジベース]の順に進みます。
  • コンテンツの名前をクリックします。 
  • コンテンツエディターでリッチ テキスト モジュールをクリックして、エディター上部のリッチ テキスト ツールバーを有効にします。 
  • リッチ テキスト モジュールでテキストを強調表示します。 
  • コンテンツ内のテキストの相対的なサイズと重要度を設定するには、[スタイル]ドロップダウンメニューをクリックしてオプションを選択します。 
  • テキストのフォントを設定するには、[フォント]ドロップダウンメニューをクリックしてフォントを選択します。HubSpotでのフォントの操作について詳細をご確認ください。 
  • テキストのサイズを設定するには、[フォントサイズ]ドロップダウンメニューをクリックし、ピクセル単位のサイズを選択します。
  • テキストを太字、斜体、下線にするには、bold スタイルアイコンをクリックします。 
  • テキストの色を変更するには、textColor文字色アイコンをクリックし、を選択します。16進数またはRGBカラーコードを使用したり、カスタムカラーを選択したりするには、[詳細]タブをクリックします。 
  • テキストの背景色を設定するには、highlight背景色アイコンをクリックし、を選択します。16進数またはRGBカラーコードを使用したり、カスタムカラーを選択したりするには、[詳細]タブをクリックします。 

format-text-in-rich-text-editor

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

set-text-formatting-in-lists
リッチ テキスト モジュールに要素を追加する

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

    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[コンテンツ]>[ナレッジベース]の順に進みます。
  • コンテンツの名前をクリックします。 
  • コンテンツエディターでリッチ テキスト モジュールをクリックして、エディター上部のリッチ テキスト ツールバーを有効にします。 
  • リンクを挿入するには、テキストを強調表示してlinkリンク挿入アイコンをクリックします。HubSpotでのリンクの操作について詳細をご確認ください。 
  • 画像を挿入するには、insertImage画像を挿入アイコンをクリックします。HubSpotでの画像の操作について詳細をご確認ください。 
  • 絵文字を挿入するには、emoji絵文字を挿入アイコンをクリックします。 
  • CTAを挿入するには、[挿入]ドロップダウンメニューをクリックし、[CTA]を選択します。HubSpotでのCTAの操作について詳細をご確認ください。 
  • 埋め込みコードを挿入するには、[挿入]ドロップダウンメニューをクリックして[埋め込み]を選択します。HubSpotでのコンテンツの埋め込みについて詳細をご確認ください。
  • 動画を挿入するには、[挿入]ドロップダウンメニューをクリックし、動画にマウスポインターを合わせて、HubSpot動画または外部の動画を選択します。HubSpotでの動画の操作について詳細をご確認ください。
  • テーブルを挿入するには、「挿入」ドロップダウンメニューをクリックし、「テーブル」にマウスポインターを合わせ、テーブルの寸法を選択します。HubSpotでのテーブルの操作について詳細をご確認ください。
  • 特殊文字を挿入するには、[挿入]ドロップダウンメニューをクリックして[特殊文字]を選択します。ポップアップボックスで特殊文字をクリックします。 
  • 特殊文字を挿入するには、[挿入]ドロップダウンメニューをクリックして[アイコン]を選択します。ポップアップボックスで、アイコンをクリックします。HubSpotでのアイコンの操作について詳細をご確認ください。 
  • アンカーリンクを挿入するには、[挿入]ドロップダウンメニューをクリックして[アンカー]を選択します。HubSpot でのアンカーリンクの操作について詳細をご確認ください。
  • 横線を挿入するには、[挿入]ドロップダウンメニューをクリックして[横線]を選択します。
  • ノーブレークスペースを挿入するには、[挿入]ドロップダウンメニューをクリックして[ノーブレークスペース]を選択します。
  • パーソナライズトークンを挿入するには、[パーソナライズ]をクリックします。ポップアップボックスで[タイプ]ドロップダウンメニューをクリックし、トークンのタイプを選択してから、トークンをクリックします。HubSpotでのパーソナライズトークンの操作について詳細をご確認ください。

add-elements-to-content

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

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

    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[コンテンツ]>[ナレッジベース]の順に進みます。
  • コンテンツの名前をクリックします。 
  • コンテンツエディターでリッチ テキスト モジュールをクリックして、エディター上部のリッチ テキスト ツールバーを有効にします。 
  • モジュールのソースコードにアクセスするには、[詳細]ドロップダウンメニューをクリックして[ソースコード]を選択します。ダイアログボックスでソースコードを編集し、[変更を保存]をクリックします。
  • コンテンツをブロックに分けて表示するには、[詳細]ドロップダウンメニューをクリックして[ブロックを表示]を選択します。ブロックなしでコンテンツを再び表示するには、[詳細]ドロップダウンメニューをクリックして[ブロックを非表示]を選択します。どちらのオプションも訪問者へのコンテンツの表示には影響しません。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。