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

ページ、ブログ記事、Eメール、ナレッジベース記事のリッチテキストモジュールにテーブルを挿入することができます。リッチ テキスト モジュールでのコンテンツの編集について詳細をご確認ください。 

注意：ドラッグ＆ドロップ Eメールエディターで使用する予定のドラッグ＆ドロップテンプレートでは、テーブルはサポートされていません。

テーブルを作成する 

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

  • ウェブサイトページ：HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ウェブサイトページ］の順に進みます。
  • ランディングページ：HubSpotアカウントにて、［マーケティング］ > ［ランディングページ］の順に進みます。
  • ブログ：HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ブログ］の順に進みます。
  • ナレッジベース：HubSpotアカウントにて、［サービス］ > ［ナレッジベース］の順に進みます。

• コンテンツの上にカーソルを重ねて［編集］をクリックします。 

• コンテンツエディターで、リッチ テキスト モジュールを1つクリックします。
• リッチ テキスト ツールバーで、［挿入］ドロップダウンメニューをクリックし、［テーブル］の上にカーソルを置きます。 
• グリッドで、テーブルの寸法を選択します。

• テーブルの高さまたは幅を拡大するには、青い角をクリックして適切な位置にドラッグします。 
• 行または列のサイズを調整するには、該当するエッジをクリックしてドラッグします。

注：テーブルに挿入された画像のサイズは、セルのサイズに合わせて自動的に変更されます。

• 行または列を挿入するには、セルをクリックし、+［セルを挿入］をクリックします。新しい行または列の場所を選択します。 

• 行または列を削除するには、セルをクリックし、-［セルを削除］をクリックします。［行を削除］または［列を削除］を選択します。 
• コンテンツからテーブルを削除するには、［テーブル］ドロップダウンメニューをクリックし、［テーブルを削除］を選択します。
• テーブルのコピーを作成するには、［テーブル］ドロップダウンメニューをクリックし、［テーブルを複製］を選択します。 

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

テーブル全体に適用されるスタイルを変更したり、1つまたは複数の特定のセルをカーソルで強調表示してそのスタイルを編集したりできます。

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

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

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

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

特定のセルに対してスタイリングを編集する。

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

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

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