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

Eメールやページ内の画像、CTA（旧）、ロゴを中央に配置する。

更新日時 2024年 7月 8日

Marketing Hub Professional , Enterprise

Content Hub Professional , Enterprise

デザインマネージャーツールで作成したレイアウトテンプレートを使用している場合は、テンプレートにインラインスタイルを追加して、画像、CTA（旧）、またはロゴモジュールをページ、ブログ、またはEメールの中央に配置します。

ドラッグ＆ドロップエリアを含むテンプレートを使用している場合、コンテンツエディター内でモジュールの配置を中央に配置することができます。また、ページエディターでは、水平スペーサーを使用してモジュールを中央に配置することができます。

インラインスタイル設定で画像、CTA（旧）、ロゴを中央に配置する

注：

この方法は、HTMLの基本的な理解が必要です。
ページやテンプレートにスタイルシートが添付されていたり、スタイルが追加されている場合、画像、CTA（旧）、ロゴに影響を与える既存のCSSが存在する可能性があります。HubSpotでは、デザイナーと協力してスタイル設定の原因を特定し、アセットを中央に配置するために必要な変更を行うことを推奨しています。

Eメールやページのテンプレートで、画像やCTA（旧）、ロゴを中央に配置する場合：

コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
- Eメール：HubSpotアカウントにて、［マーケティング］＞［マーケティングEメール］の順に進みます。

コンテンツにカーソルを合わせ、Editをクリックします。
エディターで、私のコンテンツの設定にアクセスします：
- 投稿とページについては、設定メニューをクリックし、詳細を選択する。
- Eメールの場合は、設定タブをクリックし、詳細オプションセクションをクリックして展開します。

ドラッグアンドドロップエリアがあるテンプレートを使用している場合、特定のモジュールやセクションで、位置合わせを直接設定することを選択することができます。ただし、このスタイル設定オプションは、全てのテンプレートやモジュールで利用できるわけではないことに注意してください。

Eメールモジュールのセンタリングに。
- HubSpotのアカウントで、［マーケティング］>［Eメール］に移動します。
- Eメールにカーソルを合わせ、Editをクリックします。
- 中央そろえにしたいモジュールをクリックします。
- 左のパネルで、「整列」ドロップダウンメニューをクリックし、「中央」を選択します。

使用しているモジュールに整列オプションがない場合、コンテンツエディターから、水平スペーサーをページに追加して、代わりにモジュールを中央に配置することができます。

水平スペーサーを使用してモジュールを中央そろえにする場合。

コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
コンテンツエディタの左列で、+ Addをクリックする。
検索バーで、「水平スペーサー」と検索してください。
水平スペーサーをクリックして、中央そろえにしたいモジュールの両脇にドラッグします。次に、スペーサーの幅を調整して、エレメントを中央に配置する。

この記事はお役に立ちましたか？はいいいえ

こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。