リッチ テキスト モジュールにテーブルを挿入する

リッチ テキスト モジュールにテーブルを挿入して、情報を行と列に整理します。リッチ テキスト モジュールでは、ページ、ブログ記事、Eメール、またはナレッジベース記事に表を挿入できます。リッチ テキスト モジュールでのコンテンツの編集について詳細をご確認ください。

始める前に

リッチ テキスト モジュールにテーブルを挿入する前に、要件と考慮事項を確認してください。

制限事項と考慮事項について

• テーブルは、 ドラッグ&ドロップEメールエディターで使用される ドラッグ&ドロップテンプレート ではサポートされていません。
• テーブルに挿入された画像は、セルのサイズに合わせて自動的にサイズが変更されます。

テーブルを作成する 

1. 目的のコンテンツに移動します。
   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
   • ナレッジベース：HubSpotアカウントにて、［サービス］＞［ナレッジベース］の順に進みます。
2. コンテンツの名をクリックします。 
3. コンテンツエディターで、リッチテキストモジュールをクリックします。
4. リッチ テキスト ツールバーで、［挿入］ドロップダウンメニューをクリックし、［テーブル］の上にマウスポインターを置きます。 
5. グリッドで、テーブルの寸法を選択します。

6. テーブルの高さまたは幅を拡大するには、青い角をクリックして適切な位置にドラッグします。 
7. 行または列のサイズを調整するには、該当するエッジをクリックしてドラッグします。
8. 行または列を挿入するには、セルをクリックしてから、[+ セルを挿入]アイコンをクリックします。新しい行または列の場所を選択します。 
9. 行または列を削除するには、 セルをクリックしてから、[ - セルを削除]アイコンをクリックします。［行を削除］または［列を削除］を選択します。 
10. コンテンツからテーブルを削除するには、［テーブル］ドロップダウンメニューをクリックし、［テーブルを削除］を選択します。
11. テーブルのコピーを作成するには、［テーブル］ドロップダウンメニューをクリックし、［テーブルを複製］を選択します。 

テーブルのスタイル設定を編集する

表を挿入した後、周囲のコンテンツに合わせて書式設定を調整します。編集 テーブル全体に適用されるスタイル、またはカーソルで特定のセルを強調表示してスタイルを編集できます。

テーブル全体のスタイルを編集する

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

   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
   • ナレッジベース：HubSpotアカウントにて、［サービス］＞［ナレッジベース］の順に進みます。
   • Eメール：HubSpotアカウントにて、［マーケティング］＞［Eメール］の順に進みます。
2. コンテンツの名をクリックします。 
3. リッチ テキスト モジュールをクリックし、テーブルをクリックします。 
4. テーブル内の全てのセルのプロパティーを編集するには、［テーブル］ドロップダウンメニューをクリックします。
5. リッチ テキスト ツールバーで、テーブルのスタイルを次のように編集します。

• • テキストを画像の周囲に配置したり折り返したりする方法を調整するには、inline 整列アイコンをクリックします。 
  • テーブルのサイズを調整するには、幅と高さ矢印をクリックするか、幅にはパーセンテージ値を、高さにはピクセル値を入力します。 
  • テーブルの境界線の色を変更するには、[edit テーブルの境界線の色]アイコンをクリックして 色を選択します。［詳細］タブでRGBと16進数の値を入力できます。 
  • 表の周りのパディングを調整するには、Spacingドロップダウンメニューをクリックし、ピクセル値を入力します。表のアイコンのエッジを囲みます。
  • テーブルのスタイルをさらにカスタマイズするには、［スタイル］ドロップダウンメニューをクリックし、テーブルの設定を調整します。設定可能な他のオプションとして、境界線の幅とスタイルの調整、セルパディングの編集、テーブルにキャプションを追加すること、手動でテーブルのCSSをカスタマイズすることなどができます。 

特定のセルのスタイルを編集する

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

   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
   • ナレッジベース：HubSpotアカウントにて、［サービス］＞［ナレッジベース］の順に進みます。
   • Eメール：HubSpotアカウントにて、［マーケティング］＞［Eメール］の順に進みます。
2. コンテンツの名をクリックします。 
3. リッチ テキスト モジュールをクリックし、テーブル内のセルをクリックします。複数のセルに カーソル を合わせてドラッグすると、選択した全てのセルに同じスタイルが適用されます。 
4. リッチ テキスト ツールバーで、セルのスタイルを次のように編集します。
   • 背景色を設定するには、backgroundColor セル背景色アイコンをクリックし、色を選択します。［詳細］タブでRGBと16進数の値を入力できます。 
   • 境界線カラーを設定するには、edit セル境界線カラーアイコンをクリックし、カラーを選択します。［詳細］タブでRGBと16進数の値を入力できます。 
   • セル コンテンツの位置合わせを設定するには、blockAlignmentTop 垂直位置合わせ アイコンをクリックし、位置合わせを選択します。 
   • セルのスタイルをさらにカスタマイズするには、［スタイル］ドロップダウンメニューをクリックし、セルの設定を調整します。境界線の幅とスタイル、およびセルの幅と高さを設定できます。 

注：ナレッジベース記事については、特定のセルの背景色や枠線の色を編集することはできません。