HubSpotページでフレキシブルカラムを使用する

ページテンプレートにフレキシブルカラムを追加すると、そのカラム内にコンテンツエディターでモジュールを追加したり並べ替えたりすることができます。

F lexible columnは、ブログ、Eメール、システムページのテンプレートでは利用できません、.コンテンツエディターでブログ一覧ページを編集する方法について詳しく説明します。

テンプレートにフレキシブルカラムを追加する

コンテンツエディターでフレキシブルカラムを使うには、まずページテンプレートにフレキシブルカラムを追加する必要があります。デザインマネージャーでフレキシブルカラムに追加したモジュールは、コンテンツエディターでそのカラムに表示されます。

注意：デザインマネージャーでフレキシブルカラムに追加オプションされたモジュールは、新しく作成されたページにのみ表示されます。コンテンツエディターから、既存のページにモジュールを追加することができます。 

• HubSpotアカウントにて、［マーケティング］ > ［ファイルとテンプレート］ > ［デザインツール］の順に進みます。
• ファインダー内で、レイアウトエディターで開くテンプレートをクリックします。 
• インスペクターで、［+追加］タブをクリックします。
• 検索バーにフレキシブルカラムを入力し、フレキシブル カラム モジュールをクリックしてテンプレートにドラッグします。 
• ［+追加］タブで、フレキシブルカラムに追加するモジュールをクリックし、テンプレートのフレキシブルカラムにドラッグします。 

コンテンツエディターでフレキシブルカラムを編集する

フレキシブルカラムを使用するテンプレートで新しいページを作成したら、コンテンツエディターでそれらのフレキシブルカラムの構造とコンテンツをカスタマイズできます。

• HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ウェブサイトページ］の順に進みます。
• ページの上にカーソルを重ねて［編集］をクリックします。
• コンテンツエディターでモジュールをフレキシブルカラムに追加するには、サイドバーエディターでモジュールをクリックし、フレキシブルカラムの上にドラッグします。

注：フレキシブルカラムを使用するページのエリアにのみモジュールを追加できます。 

• フレキシブルカラムでモジュールを削除するには、モジュールの上にカーソルを置き、delete削除アイコンをクリックします。
• フレキシブルカラムでモジュールを並べ替えること：
  • フレキシブルカラムの任意のモジュールにカーソルを置き、 flexColumn フレキシブル カラム アイコンをクリックします。
  • モジュールの上にある4つの矢印のアイコンをクリックし、フレキシブルカラム内の所定の位置にドラッグします。 
  • モジュールの配置換えを終了する場合は、レイアウトモードの終了をクリックします。

• コンテンツエディターの右上にある「公開」または「更新」をクリックすると、変更が反映されます。