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

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

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

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

1. 目的のコンテンツに移動します。

   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
   • ナレッジベース：HubSpotアカウントにて、［サービス］＞［ナレッジベース］の順に進みます。
2. コンテンツの名前をクリックします。
3. コンテンツエディターで、リッチテキストモジュールをクリックして、エディター上部のリッチ テキスト ツールバーをアクティブにします。リッチテキストのモジュールをクリックし、サイドバーエディターで[ 展開したビューで編集]をクリックすることもできます。

注:デバイスの画面サイズによっては、[ その他 ]ドロップダウンメニューに書式設定オプションがある場合があります。

4. リッチ テキスト モジュールでテキストを強調表示します。
5. コンテンツ内でのテキストのサイズと重要性を比較するには、[ スタイル ]ドロップダウンメニューをクリックし、 オプションを選択します ( [段落 ]、[ 見出し1]など)。
6. テキストのフォントを設定するには、[ フォント] ドロップダウンメニュー をクリックしてフォントを選択します。HubSpotでのフォントの使い方について詳細をご確認ください。

7. テキストサイズを設定するには、[ フォントサイズ ]ドロップダウンメニューをクリックし、 フォントサイズ をピクセル単位で選択します。 

8. テキストを太字、斜体、または下線にするには、 スタイルアイコン (太字、 italicIcon イタリック、 underlineIcon 下線など)をクリックします boldIcon 。
9. テキストの色を変更するには、 textColorIcon 文字色アイコンをクリックし、 色を選択します。16進数コードまたはRGBカラーコードを使用する場合、 またはカスタムカラーを選択する場合は、[ 詳細 ]タブをクリックします。

10. テキストの背景色を設定するには、[ highlight 背景色]アイコンをクリックし、 色を選択します。16進数コードまたはRGBカラーコードを使用する場合、 またはカスタムカラーを選択する場合は、[ 詳細 ]タブをクリックします。
11. テキストの位置合わせを変更するには、[ alignLeft 位置合わせ ]ドロップダウンメニューをクリックし alignCenter 位置合わせアイコンを選択します。

12. テキストを箇条書きリストに追加するには、[ その他 ]ドロップダウンメニューをクリックします。次に、箇条書き bulletList リストアイコンをクリックします。箇 条書きリストの形式を変更するには、[箇条書きリスト]ドロップダウンメニューをクリックし、 bulletDiamond 形式を選択します。

13. 番号リストにテキストを追加するには、[ その他 ]ドロップダウンメニューをクリックします。 次に、 numberList番号付きリストアイコンをクリックします。リストの形式を変更するには、[ 番号リスト]ドロップダウンメニューをクリックして、 bulletLowerAlpha 形式を選択します。
14. テキストの行の高さを設定するには、[lineHeight 行の高さ ]ドロップダウンメニュー をクリックして高さを選択します。
15. テキストのインデントを増減するには、 indent increase indent アイコンまたは outdentIcon decrease indent アイコンをクリックします。
16. テキストに適用されているスタイルを削除するには、[スタイルをクリア ]アイコンをクリックします removeTextStyle 。
17. 書式設定を追加するには、[ その他 ]ドロップダウンメニューをクリックし、strike 打ち消し線、superscript 上付き文字、または下付き subscript アイコンをクリックします。
18. テキストをコードとして書式設定するには、[ その他 ]ドロップダウンメニューをクリックし、code コード書式設定アイコンを選択します。
19. 完了したら、[ 更新]または [公開] をクリックして変更内容を公開します。

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

1. 目的のコンテンツに移動します。

   1. ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   2. ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   3. ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
   4. ナレッジベース：HubSpotアカウントにて、［サービス］＞［ナレッジベース］の順に進みます。
2. コンテンツの名前をクリックします。
3. コンテンツエディターで、リッチテキストモジュールをクリックして、エディター上部のリッチ テキスト ツールバーをアクティブにします。リッチテキストのモジュールをクリックし、サイドバーエディターで[ 展開したビューで編集]をクリックすることもできます。
4. リンクを挿入するには、[ テキスト]を選択してから[リンクを挿入 ]アイコンをクリックします link HubSpotでのリンクの操作について詳細をご確認ください。
5. 画像を挿入するには、insertImage 画像を挿入 アイコンをクリックします。HubSpotでの画像の操作について詳細をご確認ください。
6. 絵文字を挿入するには、 emoji 絵文字を挿入 アイコンをクリックします。
7. CTAを挿入するには、[ 挿入 ]ドロップダウンメニューをクリックしてから、[ctaCta]を選択します。HubSpotでのCTAの操作について詳細をご確認ください。
8. 埋め込みコードを挿入するには、[ 挿入 ]ドロップダウンメニューをクリックし、[ 埋め込み]を選択します。HubSpotへのコンテンツの埋め込みについて詳細をご確認ください。
9. 動画を挿入するには、[ 挿入 ]ドロップダウンメニューをクリックし、[ 動画]の上にマウスポインターを置いて、[ HubSpot動画 ]または [外部動画]を選択します。HubSpotでの動画の操作について詳細をご確認ください。
10. テーブルを挿入するには、[ 挿入 ]ドロップダウンメニューをクリックし、[ テーブル ]の上にマウスポインターを置き、テーブルの ディメンション を選択します。HubSpotでのテーブルの使い方について詳細をご確認ください。
11. 特殊文字を挿入するには、[ 挿入 ]ドロップダウンメニューをクリックし、[ 特殊文字]を選択します。ポップアップボックスで、 特殊文字をクリックします。
12. アイコンを挿入するには、[ 挿入 ]ドロップダウンメニューをクリックし、[ アイコン]を選択します。ポップアップボックスで、アイコンをクリックします。HubSpotでのアイコンの操作について詳細をご確認ください。
13. アンカーリンクを挿入するには、[ 挿入 ]ドロップダウンメニューをクリックして[ アンカー]を選択します。HubSpotでのアンカーリンクの使用について詳細をご確認ください。
14. 水平線を挿入するには、[ 挿入 ]ドロップダウンメニューをクリックし、[ 水平線]を選択します。
15. 改行しないスペースを挿入するには、[ 挿入 ]ドロップダウンメニューをクリックし、[ 改行しないスペース]を選択します。

16. パーソナライズトークンを挿入するには、[ パーソナライズ]をクリックします。
    • ポップアップボックスで、[ タイプ ]ドロップダウンメニューをクリックし、 トークンのタイプを選択します。
    • [トークン]ドロップダウンメニューをクリックし、 トークンを選択します。HubSpotでのパーソナライズトークンの使い方について詳細をご確認ください。
17. 完了したら、[ 更新]または [公開] をクリックして変更内容を公開します。

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

1. 目的のコンテンツに移動します。

   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
   • ナレッジベース：HubSpotアカウントにて、［サービス］＞［ナレッジベース］の順に進みます。
2. コンテンツの名前をクリックします。
3. コンテンツエディターで、リッチテキストモジュールをクリックして、エディター上部のリッチ テキスト ツールバーをアクティブにします。リッチテキストのモジュールをクリックし、サイドバーエディターで[ 展開したビューで編集]をクリックすることもできます。
4. モジュールのソースコードにアクセスするには、[ 詳細 ]ドロップダウンメニューをクリックし、[ ソースコード]を選択します。ダイアログボックスでソースコードを編集し、[ 変更を保存]をクリックします。
5. コンテンツをコンテンツのブロックに分けて表示するには、[ 詳細 ]ドロップダウンメニューをクリックし、[ ブロックを表示]を選択します。ブロックなしでコンテンツを再度表示するには、[ 詳細 ]ドロップダウンメニューをクリックし、[ ブロックを非表示]を選択します。どちらのオプションも訪問者へのコンテンツの表示には影響しません。
6. 完了したら、[ 更新]または [公開] をクリックして変更内容を公開します。