HubSpot CMSモジュールの特徴
-
高いカスタマイズ性
- テキストや画像、フォーム、ボタンなど多様な要素を自由に組み合わせてデザインでき、開発者はHTMLやCSS、JavaScriptを使ったカスタムモジュールの作成も可能です。
- 再利用できる
- 一度作成したモジュールはカスタムモジュールとして保存でき、他のページでも手軽に再利用できます。
- 効率的な更新管理
- モジュールの一括修正ができるため、複数のページにわたって同時に変更を反映でき、メンテナンスが容易です。
代表的なモジュールの種類
| モジュール名 | 特徴 |
|---|---|
|
リッチテキスト |
見出しやリスト、リンク、画像を含むテキストを配置できる |
|
画像モジュール |
画像の埋め込みに便利で、画像配置やサイズ変更が容易にできる |
|
ボタンモジュール |
ページ内にわかりやすい誘導ボタンを簡単に設置でき、リンクやファイルへの遷移が設定できる |
|
フォームモジュール |
問い合わせフォームをページ内に埋め込んで設置できる |
|
CTAモジュール |
ボタンやリンクを設定し、コンバージョンを促進する機能でクリックの計測が可能 |
|
マルチカラムモジュール |
2カラムや3カラムなど複数のカラムレイアウトで画像やテキストを並べて表示でき、直感的な操作で美しいページ構成が実現できる |
|
ブログリスト |
最新記事や特定カテゴリの記事一覧を表示 |
モジュールの追加方法
- 編集画面の左側にある＋ボタンをクリックします。
- 上部の【テーマ】に含まれている「カスタムモジュール」を、ページ内の任意の位置にドラッグして配置します。
- モジュールを追加したら、必要に応じて編集作業を行いましょう。
※画像：上部赤枠が、カスタムモジュール、下部の青枠がデフォルトで設定されている基本のモジュールになります。
よくあるご質問
- テンプレートとモジュールの違いは？
- テンプレートはページ全体のレイアウトを定義し、モジュールはその中で使われるコンポーネントを指します。テンプレートの中に複数のモジュールを配置する形になります。
-
作成したモジュールを別のページで再利用するには？
-
カスタムモジュールとして保存すると、他のページで簡単に呼び出して使用できます。
-
-
モジュールが表示されない場合は？
- キャッシュが原因のことが多いため、キャッシュをクリアして再読み込みして確認してください。
-
ドラッグ＆ドロップでレイアウトを変更できますか？
- はい、HubSpotのCMSモジュールはドラッグ＆ドロップ対応のため、直感的にレイアウトを変更できます。