共通モジュールは、ページに追加してページコンテンツに合わせてカスタマイズ可能なシンプルな要素です。ウェブサイトテーマ、スターターテーマ、またはドラッグ＆ドロップエリアを含むコードテンプレートを使用して、ページに共通モジュールを追加できます。
注意：メニューモジュールのコンテンツを編集する場合は、ナビゲーションメニューのセットアップ方法を確認してください。テーマテンプレートのナビゲーションメニューを編集する最適な方法は、ホームテンプレートを使用して独自のテーマを含む新しいページを作成し、グローバルページヘッダーを編集することです。
ページに共通モジュールを追加する
共通モジュールは、HubSpotページエディターで頻繁に使用されるモジュールです。テーマスタイルは、テンプレートに追加されたときに新しい共通モジュールに適用されますが、グローバルテーマスタイルを変更せずにコンテンツエディターでカスタマイズできます。
ページに共通のモジュールを追加するには、次の手順を実行します。
- 左側のパネルで、[共通のモジュール]見出しをクリックして、共通モジュールを展開します。
- ページに追加するモジュールをクリックし、ページレイアウト上の位置にドラッグします。両端に丸が付いた青線が表示され、新しいモジュールが配置されるエリアが定義されます。
共通モジュールの概要
グローバルテーマ設定を変更せずにページ上の共通モジュールの色、フォント、およびスタイルをカスタマイズできます。
1.リッチテキスト
リッチテキストモジュールは、テキスト、リンク、画像、動画、埋め込みコード、テーブルなどをサポートする柔軟なコンテナです。ページ上部のリッチテキストエディターを使用して、箇条書き、リスト、および見出しを追加できます。リッチテキストモジュールを編集する方法の詳細を確認してください。
2.画像
画像モジュールは、画像用のシンプルなコンテナです。ファイルマネージャーに画像をアップロードするか、ページエディター内で画像を直接追加します。
3.ヘッダー
ヘッダーモジュールは、ウェブサイトのメインセクションにラベルを付けるために設計されたシンプルなテキストのブロックです。検索エンジンは、ヘッダータグを読み取ってページコンテンツの構造を理解します。
4.Call-To-Action (CTA)
Call-To-Actionは、ウェブサイト訪問者を惹き付けるために設計されたページ上のボタンです。通常は、CTAをクリックすると、コンテンツオファーを伴うウェブサイト内の新しいページに誘導されます。シンプルなCTAを作成することも、アカウント内で事前に作成した既存のCTAを選択することもできます。
5.フォーム
フォームモジュールは、HubSpotアカウント内の既存のフォームをサポートしています。ページエディターでシンプルなフォームを組み立てることもできます。フォームモジュールには、ページ上でカスタマイズ可能なスタイルやオプションが多数含まれています。ページ上でフォームを編集してスタイル設定する方法の詳細を確認してください。
6.ギャラリー
画像ギャラリーモジュールは、ウェブサイトページ上に動的なカルーセルを作成します。ページエディター内で直接説明やリンクを使用して画像をアップロードして追加することができます。ギャラリーモジュールを編集する方法の詳細を確認してください。
7.ボタン
ボタンは、ウェブサイト訪問者のクリックを促すページ上のシンプルな要素です。ボタンのテキスト、色、およびスタイルをカスタマイズできます。ページ上でウェブサイトテーマを使用している場合は、既定のテーマスタイルを管理する方法の詳細を確認してください。
8.区切り
区切りは、ページの別々のセクションを分離するためのシンプルな横線です。ページ上の区切りの色、スタイル、およびパディングをカスタマイズできます。
9.Follow Me
follow-meモジュールは、ソーシャルメディアページや、その他のページ上で宣伝する外部のウェブサイトページにリンクされたアイコンを作成します。このモジュールは、ほとんどのソーシャルメディアプラットフォームの既定のアイコンに使用されます。別のソーシャルプラットフォームまたはウェブサイトページにリンクするカスタムアイコンをアップロードすることもできます。follow meモジュールの編集の詳細を確認してください。
10.動画
動画モジュールは、サポート対象のプロバイダーからの動画URLをサポートするシンプルモジュールです。動画ビューでより多くのアナリティクスを収集するには、リッチテキストモジュールにVidyardで作成したHubSpot動画を介して動画を追加します。