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

Eメールまたはページテンプレートで画像、CTA、またはロゴを中央揃えにする

更新日時 2021年 11月 26日

対象製品

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

ページ、ブログ、またはEメールで画像、CTA、またはロゴモジュールを中央揃えにするには、デザイン マネージャー ツールでテンプレートにインラインスタイルを追加します。これらの手順は、デザインマネージャーツールで作成された レイアウトテンプレートに適用されます。

ドラッグ&ドロップエリアを含むテンプレートを使用している場合は、ページエディター内でモジュールを中央揃えにできます。

注:

  • この方法は、HTMLの基本的な理解を必要とします。 
  • ページやテンプレートにスタイルシートが添付されていたり、スタイリングが追加されている場合、画像やCTA、ロゴに影響を与える既存のCSSが存在する可能性があります。HubSpotではデザイナーと協力しスタイリングの原因を特定し、アセットを中央に配置するために必要な変更を行うことをお勧めします 。 
  • レイアウトテンプレート内で、ロゴCTA、または画像モジュールをクリックし、それをインスペクターで選択します。
  • [インラインスタイル]フィールドで、次のカスタム CSS を追加します。 
text-align:center;

  • 右上にある[変更を公開]をクリックして、このテンプレートに変更を適用します。
  • その後、コンテンツエディターに戻り、ウェブブラウザー更新すると、テンプレートへの変更が反映されます。このモジュールでのあなたのコンテンツは、あなたのページ、ブログ、またはEメールの中心になります。