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

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

更新日時 2023年 6月 26日

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

すべての製品とプラン

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

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

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

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

    • ウェブサイトページ: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 スタイルをクリアアイコンをクリックします。 
  • 書式を追加するには、Moreドロップダウンメニューをクリックし、strike strikethrough、superscript上付き文字、またはsubscript下付き文字アイコンを選択します。
  • テキストをコードとしてフォーマットするには、Moreドロップダウンメニューをクリックし、codeコードフォーマットアイコンを選択します。 

セット・テキスト・フォーマット・イン・リスト
リッチテキストモジュールに要素を追加する

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

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

コンテンツへの追加要素

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

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

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[サービス]>[ナレッジベース]の順に進みます。
    • Eメール:HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
  • コンテンツの上にカーソルを重ねて[編集]をクリックします。 
  • コンテンツエディターで、リッチテキストモジュールをクリックし、エディター上部のリッチテキストツールバーをアクティブにする。 
  • モジュールのソースコードにアクセスするには、Advancedドロップダウンメニューをクリックし、Source codeを選択します。ダイアログボックスでソースコードを編集し、Save changesをクリックします。

ご注意:スターターテンプレートで構築されたランディングページのリッチテキストモジュールでは、ソースコードへのアクセスはご利用いただけません。

  • コンテンツをブロックに分けて表示するには、詳細ドロップダウンメニューをクリックし、ブロックを表示を選択します。ブロックなしで再びコンテンツを表示するには、詳細ドロップダウンメニューをクリックし、ブロックを隠すを選択します。どちらのオプションも、訪問者へのコンテンツの表示には影響しません。
  • Googleドキュメントのコンテンツをリッチテキストモジュールにインポートするには、Advancedドロップダウンメニューをクリックし、Import Google Docを選択します。ダイアログボックスで、HubSpotとGoogle Driveがまだ接続されていない場合は接続し、ファイルを選択します。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。