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

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

更新日時 2023年 3月 31日

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

すべての製品とプラン

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

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

テーブルを作成する 

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

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[サービス] > [ナレッジベース]の順に進みます。
  • コンテンツの上にカーソルを重ねて[編集]をクリックします。 
  • コンテンツエディターで、リッチ テキスト モジュールを1つクリックします。
  • リッチ テキスト ツールバーで、[挿入]ドロップダウンメニューをクリックし、[テーブル]の上にカーソルを置きます。 
  • グリッドで、テーブルの寸法を選択します。

insert-a-table

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

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

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

insert-cells

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

clone-or-delete-tableテーブルのスタイルを編集する

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

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

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

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[サービス] > [ナレッジベース]の順に進みます。
    • Eメール:HubSpotアカウントにて、[マーケティング] > [Eメール]の順に進みます。
  • コンテンツの上にカーソルを重ねて[編集]をクリックします。
  • リッチ テキスト モジュールをクリックし、テーブルをクリックします。 
  • テーブル内の全てのセルのプロパティーを編集するには、[テーブル]ドロップダウンメニューをクリックします。
  • リッチ テキスト ツールバーで、テーブルのスタイルを次のように編集します。
edit-table-styling
    • 画像の周囲のテキストの位置と回り込みを調整するには、inline 位置合わせアイコンをクリックします。 
    • テーブルのサイズを調整するには、[幅]と[高さ]の矢印をクリックするか、幅のパーセント値および高さのピクセル値を入力します。 
    • テーブルの境界線の色を変更するには、edit テーブルの境界線の色のアイコンをクリックして色を選択します。[詳細]タブでRGBと16進数の値を入力できます。 
    • テーブルの周囲のパディングを調整するには、[間隔]ドロップダウンメニューをクリックして、テーブルアイコンの境界付近でピクセル値を入力します。
    • テーブルのスタイルをさらにカスタマイズするには、[スタイル]ドロップダウンメニューをクリックし、テーブルの設定を調整します。設定可能な他のオプションとして、境界線の幅とスタイルの調整、セルパディングの編集、テーブルにキャプションを追加すること、手動でテーブルのCSSをカスタマイズすることなどができます。 

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

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

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

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
    • ナレッジベース:HubSpotアカウントにて、[サービス] > [ナレッジベース]の順に進みます。
    • Eメール:HubSpotアカウントにて、[マーケティング] > [Eメール]の順に進みます。
  • コンテンツの上にカーソルを重ねて[編集]をクリックします。
  • リッチ テキスト モジュールをクリックし、テーブル内のセルをクリックします。クリックしてカーソルを複数の列の上にドラッグすると、それら全てに同じスタイルが適用されます。 
  • リッチ テキスト ツールバーで、セルのスタイルを次のように編集します。
    • 背景色を設定するには、backgroundColor セルの背景色アイコンをクリックし、色を選択します。[詳細]タブでRGBと16進数の値を入力できます。 
    • 境界線の色を設定するには、edit セルの境界線の色のアイコンをクリックし、色を選択します。[詳細]タブでRGBと16進数の値を入力できます。 
    • セルのコンテンツのアラインメント(位置合わせ)を設定するには、blockAlignmentTop 縦の位置アイコンをクリックし、配置を1つ選択します。 
    • セルのスタイルをさらにカスタマイズするには、[スタイル]ドロップダウンメニューをクリックし、セルの設定を調整します。境界線の幅とスタイル、およびセルの幅と高さを設定できます。 
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。