お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Landing Pages
Website Pages

共通モジュールに関するガイド

更新日時 2020年 9月 24日

対象製品

Marketing Hub  Starter, Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic(旧製品)

共通モジュールは、ドラッグ&ドロップページエリアでテンプレートを使用してページに追加できるシンプルな要素です。ドラッグ&ドロップエリアを含む既定のHubSpotウェブサイトテーマテンプレートスターターテンプレート、またはコードテンプレートを使用して、ページに共通モジュールを追加できます。 

注意:メニューモジュールのコンテンツを編集する場合は、ナビゲーションメニューのセットアップ方法を確認してください。テーマテンプレートのナビゲーションメニューを編集する最適な方法は、ホームテンプレートを使用して独自のテーマを含む新しいページを作成し、グローバルページヘッダーを編集することです。

ページに共通モジュールを追加する

共通モジュールは、HubSpotページエディターで頻繁に使用されるモジュールです。テーマスタイルは、テンプレートに追加されたときに新しい共通モジュールに適用されますが、グローバルテーマスタイルを変更せずにコンテンツエディターでカスタマイズできます。

ページに共通のモジュールを追加するには、次の手順を実行します。

  • 左側のパネルで、[共通のモジュール]見出しをクリックして、共通モジュールを展開します。
  • ページに追加するモジュールをクリックし、ページレイアウト上の位置にドラッグします。両端に丸が付いた青線が表示され、新しいモジュールが配置されるエリアが定義されます。

add%20a%20common%20module%20to%20a%20page

共通モジュールの概要

グローバルテーマ設定を変更せずにページ上の共通モジュールの色、フォント、およびスタイルをカスタマイズできます。

common-modules

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をサポートするシンプルモジュールです。ProfessionalおよびEnterpriseのアカウントでは、動画ビューでより多くのアナリティクスを収集するため、リッチテキストモジュールにVidyardで作成したHubSpot動画または外部メディアファイルを利用して動画を追加できます。

/jp/website-pages/guide-to-common-modules