更新日時 2023年 1月 18日
ページテンプレートにフレキシブルカラムを追加すると、コンテンツエディターでそのカラム内にモジュールを追加したり、並べ替えたりすることができるようになります。
ブログ、メール、システムページのテンプレートでは、フレキシブルカラムは使用できません。コンテンツエディターでブログ一覧ページを編集する方法についてはこちらをご覧ください。
テンプレートにフレキシブルカラムを追加する
コンテンツエディターでフレキシブルカラムを使用するには、まずページテンプレートに追加する必要があります。デザインマネージャーでフレキシブルカラムに追加したモジュールは、コンテンツエディターでそのカラムに表示されます。
注意：デザインマネージャーでフレキシブルカラムに追加されたモジュールは、新しく作成されたページのみに表示されます。コンテンツエディターから、既存のページにモジュールを追加することができます。
- HubSpotアカウントにて、［マーケティング］ > ［ファイルとテンプレート］ > ［デザインツール］の順に進みます。
- ファインダー内で、レイアウトエディターで開くテンプレートをクリックします。
- インスペクターで、［+追加］タブをクリックします。
- 検索バーにフレキシブルカラムを入力し、フレキシブル カラム モジュールをクリックしてテンプレートにドラッグします。
- ［+追加］タブで、フレキシブルカラムに追加するモジュールをクリックし、テンプレートのフレキシブルカラムにドラッグします。
コンテンツエディターでフレキシブルカラムを編集する
フレキシブルカラムを使用するテンプレートで新しいページを作成したら、コンテンツエディターでそれらのフレキシブルカラムの構造とコンテンツをカスタマイズできます。
- HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ウェブサイトページ］の順に進みます。
- ページの上にカーソルを重ねて［編集］をクリックします。
- コンテンツエディタでモジュールをフレキシブルカラムに追加するには、サイドバーエディタでモジュールをクリックし、フレキシブルカラムの上にドラッグします。
注：フレキシブルカラムを使用するページのエリアにのみモジュールを追加できます。
- フレキシブルカラムでモジュールを削除するには、モジュールの上にカーソルを置き、削除アイコンをクリックします。
- フレキシブルカラムでモジュールを並べ替えること。
- フレキシブルカラムの任意のモジュールにカーソルを置き、フレキシブル カラム アイコンをクリックします。
- モジュールの上にある4つの矢印のアイコンをクリックし、フレキシブルカラム内の所定の位置にドラッグします。
- モジュールの再配置を終了する場合は、「レイアウトモードを終了する」をクリックします。
- コンテンツエディターの右上にある「公開」または「更新」をクリックして、変更を本番に反映させます。
