更新日時 2021年 8月 19日
フレキシブルカラムは、コンテンツエディターでモジュールを追加して再配置するのをサポートする、ページのセクションです。コンテンツエディターで使用するには、まずフレキシブルカラムをページのテンプレートに追加する必要があります。
注：フレキシブルカラムはスマートコンテンツをサポートしておらず、ブログでは使用できません。
テンプレートにフレキシブルカラムを追加する
フレキシブルカラムがページテンプレートに追加されると、コンテンツエディターのそのページのセクション内でモジュールを追加、削除、または再配置できます。テンプレートのフレキシブルカラムに追加されたモジュールは、既定でコンテンツエディターに表示されます。
注：テンプレートのフレキシブルカラムに追加されたモジュールは、そのテンプレートを使用している新しいページにのみ表示されます。モジュールはコンテンツエディターから既存のページに追加できます。
- HubSpotアカウントにて、［マーケティング］ > ［ファイルとテンプレート］ > ［デザインツール］の順に進みます。
- ファインダー内で、レイアウトエディターで開くテンプレートをクリックします。
- インスペクターで、［+追加］タブをクリックします。
- 検索バーにフレキシブルカラムを入力し、フレキシブル カラム モジュールをクリックしてテンプレートにドラッグします。
- ［+追加］タブで、フレキシブルカラムに追加するモジュールをクリックし、テンプレートのフレキシブルカラムにドラッグします。
コンテンツエディターでフレキシブルカラムを編集する
フレキシブルカラムを使用するテンプレートで新しいページを作成したら、コンテンツエディターでそれらのフレキシブルカラムの構造とコンテンツをカスタマイズできます。
- HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ウェブサイトページ］の順に進みます。
- ページの上にカーソルを重ねて［編集］をクリックします。
- コンテンツエディターでフレキシブルカラムにモジュールを追加するには、サイドバーエディターでモジュールをクリックし、フレキシブルカラムにドラッグします。
注：フレキシブルカラムを使用するページのエリアにのみモジュールを追加できます。
- フレキシブルカラムでモジュールを削除するには、モジュールの上にカーソルを置き、削除アイコンをクリックします。
- モジュールのレイアウトを再配置するには、次の手順を実行します。
- フレキシブルカラムの任意のモジュールにカーソルを置き、フレキシブル カラム アイコンをクリックします。
- モジュールの上部にある4つの矢印アイコンをクリックし、フレキシブルカラム内の位置にドラッグします。
- モジュールを再配置したら、［レイアウトモードを終了］をクリックします。
- 右上の［公開］または［更新］をクリックします。
