HubSpotページでフレキシブルカラムを使用する
更新日時 2023年 3月 31日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
|
Marketing Hub Basic(旧製品) |
ページテンプレートにフレキシブルカラムを追加すると、そのカラム内にコンテンツエディターでモジュールを追加したり並べ替えたりすることができます。
F lexible columnは、ブログ、Eメール、システムページのテンプレートでは利用できません、.コンテンツエディターでブログ一覧ページを編集する方法について詳しく説明します。
テンプレートにフレキシブルカラムを追加する
コンテンツエディターでフレキシブルカラムを使うには、まずページテンプレートにフレキシブルカラムを追加する必要があります。デザインマネージャーでフレキシブルカラムに追加したモジュールは、コンテンツエディターでそのカラムに表示されます。
注意:デザインマネージャーでフレキシブルカラムに追加オプションされたモジュールは、新しく作成されたページにのみ表示されます。コンテンツエディターから、既存のページにモジュールを追加することができます。
- HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
- ファインダー内で、レイアウトエディターで開くテンプレートをクリックします。
- インスペクターで、[+追加]タブをクリックします。
- 検索バーにフレキシブルカラムを入力し、フレキシブル カラム モジュールをクリックしてテンプレートにドラッグします。
- [+追加]タブで、フレキシブルカラムに追加するモジュールをクリックし、テンプレートのフレキシブルカラムにドラッグします。
コンテンツエディターでフレキシブルカラムを編集する
フレキシブルカラムを使用するテンプレートで新しいページを作成したら、コンテンツエディターでそれらのフレキシブルカラムの構造とコンテンツをカスタマイズできます。
- HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
- ページの上にカーソルを重ねて[編集]をクリックします。
- コンテンツエディターでモジュールをフレキシブルカラムに追加するには、サイドバーエディターでモジュールをクリックし、フレキシブルカラムの上にドラッグします。
注:フレキシブルカラムを使用するページのエリアにのみモジュールを追加できます。
- フレキシブルカラムでモジュールを削除するには、モジュールの上にカーソルを置き、delete削除アイコンをクリックします。
- フレキシブルカラムでモジュールを並べ替えること:
- フレキシブルカラムの任意のモジュールにカーソルを置き、 flexColumn フレキシブル カラム アイコンをクリックします。
- モジュールの上にある4つの矢印のアイコンをクリックし、フレキシブルカラム内の所定の位置にドラッグします。
- モジュールの配置換えを終了する場合は、レイアウトモードの終了をクリックします。
- コンテンツエディターの右上にある「公開」または「更新」をクリックすると、変更が反映されます。
関連記事
-
非公開コンテンツにアクセスするためのメンバー登録を必須にする
公開権限を付与されているユーザーは、HubSpotがホスティングする特定のページ、ブログ、ナレッジベース記事にアクセスできるコンタクトを制御できます。閲覧用のパスワード登録が必要な特定のコンテンツに、特定の...
ナレッジベース -
HubSpotのコンテンツとデータをエクスポートする
ページ、コンタクト、ファイルなど、自分のアカウントからHubSpotコンテンツとデータをエクスポートする方法を説明します。 ...
ナレッジベース -
Google アナリティクスとHubSpotコンテンツの連携
Google アナリティクスをHubSpotと連携すると、貴社のHubSpotサイトへの訪問者に関するデータがGoogle アナリティクスのアカウント上に収集されます。Google...
ナレッジベース