更新日時 2024年 5月 23日
すべての製品とプラン
|
テーマは、HubSpotのウェブサイトページやブログに適用できるスタイルとテンプレートのセットです。ウェブサイトの外観に一貫性を持たせるには、すべてのページに同じテーマを使用し、ページのスタイル設定をテーマ設定で管理します。
テーマ設定は、テーマテンプレートを使用するページのメインカラー、フォント、ボタンスタイルをコントロールします。
注：テーマ設定で利用可能なスタイル設定オプションは、あなたのテーマを作成したウェブ開発者によって含まれるテーマフィールドオプションに依存します。
ウェブサイトのコンテンツによっては、アカウント設定の別の部分で管理します。このようなコンテンツには以下が含まれます。
テーマの設定は、そのテーマを使用しているページや投稿のコンテンツエディターから編集できます：
コンテンツを開きます。
テーマの色の設定により、プライマリー色、セカンダリー色、背景色がテーマテンプレートに含まれるすべての要素に適用されます。これらのスタイルは、ウェブサイトのすべての要素に適用されます。見出し、フォント、リンクなど、より具体的な設定をカスタマイズするには、その他の設定の隣にある編集をクリックします。
ウェブサイトの見出し、フォーム、ボタン、本文テキストに適用するプライマリーフォントとセカンダリーフォントを選択します。すべての Google フォントがサポートされています。プライマリーフォントまたはセカンダリーフォントの色をカスタマイズするには、カラーバブルをクリックします。単純な色の値を選択することも、[詳細] タブをクリックして、カラーパレットで特定の 16 進値を選択することもできます。
間隔のテーマ設定では、ページコンテンツの最大幅と、ページ上の異なる要素間の垂直方向の間隔を制御します。
テーマ設定には、ページのより具体的なスタイルに応じたその他の詳細設定が含まれていることがあります。あなたのテーマのスタイルオプションは、あなたのテーマのコード化されたテンプレートに含まれているテーマフィールドに基づいています。探している設定が見つからない場合は、テンプレートデザイナーに連絡して、テンプレートにどのようなオプションが含まれているのかを確認してください。
以下の例は、テーマに含めることができる他のオプションの種類に関する一般的なガイドです。テンプレートに含めることができるテーマフィールドの完全なリファレンスについては、デザイナーのドキュメントを参照してください。
注：リッチテキストモジュール内のフォント、色、スタイルをページ上でカスタマイズしたり、ページエディタ内でテーマのデフォルトスタイルを上書きすることができることを覚えておいてください。これらのスタイルの変更は、このテーマを使用しているすべてのページに適用する場合に限って行ってください。
タイポグラフィー設定では、テンプレートに含まれている特定の要素に適用されるフォントを制御できます。すべての Googleフォントがサポートされています。また、テーマに含まれている特定の見出し、フォント、リンクに適用するカスタムの色を選択することもできます。
ページとブログ上のボタンにカスタムの色、フォント、スタイルを設定できます。ウェブサイト開発者がテーマをどのように作成したかによっては、ページエディター内で特定のページのボタンのサイズやタイプを交換できる場合もあります。
フォームの既定の色、フォント、テキストスタイル、ボタンスタイルをカスタマイズします。
ページに追加されているテーブルの既定の色、フォント、間隔、境界線を設定します。
、ページ上のリッチテキストモジュールにテーブルを挿入する方法の詳細をご覧ください。
これらの設定は、ナビゲーションメニューを含むページヘッダーに表示される色とフォントを制御します。ナビゲーションメニュー の設定方法は、アカウント設定でご確認ください。 テーマテンプレートに会社のロゴを設定するには、ブランディングセクションのアカウントデフォルトにロゴ画像を追加オプションしてください。
これらの設定は、ナビゲーションメニューを含むページフッターに表示される色とフォントを制御します。ナビゲーションメニュー の設定方法は、アカウント設定でご確認ください。
これらの設定は、リストページテンプレートとブログ記事テンプレートのスタイルを制御します。
バナー画像：ブログテンプレートのヘッダーの背景で使用する画像をアップロードします。ブログのホームページに使用する画像と、すべてのブログ記事に適用する画像をそれぞれ 1 つ選択できます。
タグ：ブログ記事の上部に表示されるブログタグに使用する既定の色、フォント、スタイルを設定します。