コンテンツエディターでモジュールのスタイルをカスタマイズする
更新日時 2023年 1月 18日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
コンテンツエディターでは、サイドバーエディターの[スタイル]タブ上のマージンやパディングなどのモジュールスタイル指定オプションを編集できます。カスタムモジュールとテーマで利用可能なスタイルオプションは、そのモジュールを作成した開発者によって設定されています。モジュールとテーマのスタイルオプションについて詳しくは、開発者ドキュメントを参照してください。
ドラッグ&ドロップエリアを伴うスターターテンプレート、テーマテンプレート、またはコードテンプレートを使用している場合は、背景スタイルをページの行、列、またはセクションに適用することもできます。
注:古いモジュールには、廃止されたスタイルが含まれている場合があります。それらは、新しいモジュールやテンプレートでは使用できません。廃止されたスタイルも[スタイル]タブで編集できますが、クリアされている場合は、モジュールから削除されます。
既定モジュールまたはカスタムモジュールのスタイルをカスタマイズする
[スタイル]タブで、配置、間隔、色などのスタイルオプションをカスタマイズできます。カスタムモジュールで利用可能なスタイルオプションは、デザインマネージャーの中で開発者によって設定されています。カスタムモジュールのスタイルオプションについて詳しくは、開発者ドキュメントを参照してください。
- HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。
- コンテンツの上にカーソルを重ねて[編集]をクリックします。
- コンテンツエディターで、モジュールをクリックして編集状態にします。
- サイドバーエディターで、[スタイル]タブをクリックします。
- モジュールの間隔を調整するには、[パディング]または[マージン]を選択してから、フィールドにピクセル値を入力します。モジュールの全サイドに同じマージンまたはパディングを適用するには、[すべてのサイドに適用]チェックボックスをオンにします。
- モジュールで利用可能な境界線、フォント、または色をカスタマイズします。
スターターテンプレートまたはテーマテンプレートからスタイルオプションをカスタマイズする
スターターテンプレートまたはテーマテンプレートを使用している場合、一部のスタイルオプションがサイドバーエディターの[コンテンツ]タブに表示されることがあります。
- HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。
- コンテンツの上にカーソルを重ねて[編集]をクリックします。
- コンテンツエディターで、モジュールをクリックして編集状態にします。
- サイドバーエディターで、[コンテンツ]タブをクリックします。
- [既定のスタイルを上書き]スイッチをクリックしてオンに切り替えます。
- [スタイルオプション]セクションで、スターターテンプレートまたはテーマテンプレートに含まれる追加のスタイル指定オプションをカスタマイズします。
関連記事
-
Customize the Read More button on your blog
Changing the look of your Read More button on the blog listing page can be useful if you want this button to stand out.
Community -
GoogleアナリティクスとHubSpotコンテンツの連携
...
ナレッジベース -
非公開コンテンツにアクセスするためのメンバー登録を必須にする
公開権限を付与されているユーザーは、HubSpotがホスティングする特定のページ、ブログ、ナレッジベース記事にアクセスできるコンタクトを制御できます。閲覧用のパスワード登録が必要な特定のコンテンツに、特定の...
ナレッジベース