Yorkテンプレート ファミリーのスタイルと機能を紹介します。

Yorkテンプレート ファミリー (Artesia、Flores、Harris、Jasper、Jones、Lange、Shibari、Taylor、York) は、イラストレーター、写真家、クリエイティブ エージェンシー、その他のビジュアル コンテンツ プロデューサーの作品を紹介するように設計されています。グリッド インデックス ページと独自のプロジェクト ページを備えたこれらのテンプレートは、クリエイティブな成果を表示および共有するためのツールを提供します。

このガイドでは、Yorkファミリーの機能とデザイン オプションについて説明します。[サイト スタイル] 微調整オプション、および [サイト スタイル] パネルでこれらのオプションが表示されるセクションを太字で示しています。

サポートされているページ タイプ

Yorkでは、次のページ タイプがサポートされています。

• アルバム ページ
• ブログ ページ - 標準グリッド/リスト
• カバー ページ
• イベント ページ
• ギャラリー ページ - 標準
• プロジェクト ページ
• インデックス ページ - グリッド
• レイアウト ページ
• ストア ページ - アドバンスト

ヘッダー

訪問者は、上部にあるサイト全体のヘッダーを使用してサイトを移動します。Yorkでは、ヘッダーは左、中央、右の3つのエリアに分かれています。ヘッダーには、次のエレメントを追加できます。

• サイトのタイトルまたはロゴ (「ブランディング」)
• タグライン
• メイン ナビゲーション
• セカンダリ ナビゲーション
• ショッピング カート

[サイト: ヘッダー レイアウト] 微調整オプションを使用してヘッダー レイアウトのスタイルを設定します。

• [左レイアウト]、[中央レイアウト]、または[右レイアウト] を選択して、レイアウトを [水平] から [スタック] に変更します。これらのオプションは、ヘッダー エリアに2つ以上のアイテムを追加した後に表示されます。
• [全幅ヘッダー] 微調整オプションでヘッダーの表示方法を選択します。

ヘッダーのスタイルを設定する

以下の [サイト: ヘッダー] 微調整オプションでヘッダー コンテンツのスタイルを設定します。

• [サイトのタイトル] でフォントと色を設定します。
• [サイト タグライン] でタグラインのフォントと色を設定します。
• [ロゴの高さ (最大)] でロゴ サイズを変更します。
• [カート] でショッピング カートのフォント、色、スタイルを設定します。

[サイト: ナビゲーション] 微調整オプションでナビゲーションのスタイルを設定します。

• [プライマリ] と [セカンダリ] でメイン ナビゲーションとセカンダリ ナビゲーションを変更します。
• [フォルダー インジケーターを表示] でドロップダウン メニューの横にあるキャレット アイコンを表示または非表示にします。

ヘッダーに関するその他のヘルプ

ヒント:

• [アイコン] 微調整オプションで検索とショッピング カートのアイコンの線の太さを設定します。
• ヘッダーの背景色は、[サイト] の [サイトの背景] 微調整オプションに従います。
• これらのエレメントの多くには、個別のモバイル用スタイルがあります。

ページ ヘッダーとページ フッター

ページ ヘッダーおよびフッターを使用すると、個々のページをカスタマイズすることができます。ブロックを追加するには、ページの上部または下部にカーソルを合わせ、[コレクション ヘッダー コンテンツ] または [コレクション フッター コンテンツ] の注釈の [編集] をクリックします。

Yorkには、次のページ ヘッダーとページ フッターがあります。

• アルバム ページ
• ブログ ページ
• イベント ページ
• ギャラリーページ
• インデックス ページ
• ストア ページ
• プロジェクト ページ

これらをサイト全体で有効にするには、サイト スタイルの [ページ] セクションで [ページ ヘッダーを表示] および/または [ページ フッターを表示] にチェックを入れます。ページ ヘッダーおよびフッターのテキスト ブロックは、[サイト: タイポグラフィー] の微調整オプションに従います。

以下の点に留意してください。

• ブログ投稿など、個別のコレクション アイテムは、ページのヘッダーとフッターをサポートしていません。
• ソーシャル メディアでページを共有したときに、非表示のヘッダーまたはフッターのコンテンツが表示されることがあります。ヘッダーやフッターを非表示にする前にコンテンツを削除すると、この問題を回避できます。
• インデックス内のページのページ フッターの下にはナビゲーションが表示されます。

サイト全体のフッター

サイト全体のフッターを有効にするには、[サイト: フッター] の [グローバル サイト フッターを表示] 微調整オプションにチェックを入れます。ブロックを追加するには、フッターにカーソルを合わせて [編集] をクリックします。完全な手順については、「フッターを編集する」を参照してください。

ページのバナー

次のページ タイプの上部には、バナー画像または動画を追加できます。

• アルバム ページ
• ブログ ページ
• イベント ページ
• ギャラリー ページ (画像のみ)
• インデックス ページ
• レイアウト ページ
• ストア ページ
• プロジェクト ページ

バナー画像またはバナー動画を追加するには、ページ設定の [メディア] タブでアイキャッチ画像または動画のURLを追加します。

以下の点に留意してください。

• これらのバナーによって、インデックス ページのサムネイル ナビゲーションが作成されます。
• ページにアイキャッチ画像がない場合、バナーには背景色が表示されます。透明度の変更が必要な場合があります。
• バナー設定はページ タイプごとに共通です。サイト スタイルの [ページ] セクションの [バナー] 微調整オプションを使用して、ページ タイプのバナーを表示または非表示にします。
• ページのタイトルと説明をバナーにオーバーレイすることができます。
• バナーはページ読み込みアニメーションをサポートしています。

ホームページ限定バナー

ホームページにだけバナーを表示し、そのタイプの他のすべてのページでは非表示にすることができます。たとえば、ホームページがレイアウト ページの場合は、次の手順に従います。

1. ホームページに移動します。
2. サイト スタイルを開きます。
3. [ページ] まで下にスクロールします。
4. [ページのバナーを表示] のチェックを外します。これにより、すべてのレイアウト ページでバナーが非表示になります。
5. [ホームページのバナーを表示] にチェックを入れます。これにより、ホームページのレイアウト ページにバナーが表示されます。

ページ タイトルとページ説明はホームページとその他のページで共通のままです。たとえば、[ページ タイトルを表示] にチェックを入れると、ホームページと他のすべてのレイアウト ページにページ タイトルが表示されます。

バナーのスタイルを設定する

サイト スタイルの [バナー] セクションでバナーのスタイルを設定します。これらの微調整オプションを使用すると、サイトのすべてのページ バナーに影響します。

• アイキャッチ画像があるページでは、[高さ] でバナーの高さを設定します。
• バナー内に画像を配置するには、[画像の配置] を使用します。
• [画像の配置] が右または左に設定されている場合は、[画像を切り抜く] で画像の右半分または左半分を埋めることができます。バナー全体を埋めるには、[画像の配置] を中央に設定し、[画像を切り抜く] にチェックを入れます。
• [背景の自動カラー化] にチェックを入れると、バナーはアイキャッチ画像から自動的に背景色を取得します。画像がバナーの端まで広がっているように見えるため、主な背景色が1色のイラストや画像に便利です。
• ブラウザーの端までバナーを伸ばすには、[フルブリード画像] にチェックを入れます。
• インデックス ナビゲーション バナーには、サイト スタイルの [インデックス] で独自のスタイルを設定することができます。

[背景色] は次の場所に表示されます。

• アイキャッチ画像がないバナー
• バナー画像または動画の読み込み中
• バナー全体を埋め尽くさないアイキャッチ画像の背後 ([背景色の自動カラー化] がオフの場合)

ページのタイトルと説明

任意のページの上部には、ページ設定のページのタイトルと説明が表示されます。プロジェクト ページとギャラリー ページでは、個々の画像のカテゴリーを表示することもできます。

• これらの設定はページ タイプごとに共通です。
• [ページ] セクションの [タイトル]、[説明]、[カテゴリー] 微調整オプションで、テキストを表示または非表示にします。
• テキストをページ バナーにオーバーレイしたり、単独で表示したりできます。
• 個々のページの説明を非表示にするには、ページ設定から説明を削除します。

バナーがあるページとバナーがないページのテキスト

テキストをバナーまたはページの上に表示する場合、さまざまなスタイル オプションを割り当てることができます。使用するサイト スタイル セクションは、ページにバナーがあるかどうかによって異なります。

• バナー テキスト - バナーがあるすべてのページ
• インデックス: イントロのテキスト - ページ バナーがないインデックス ページ
• ページ: イントロのテキスト - ページ バナーがないその他のページ

[タイトル]、[説明]、[カテゴリー] を使用してテキストのスタイルを設定します。

バナーがないページには、次のような追加のオプションがあります。

• [テキスト幅] でテキストのサイド マージンを設定します。
• [文字の高さ] でテキストの上下の間隔を設定します。

バナー上に表示されるテキストには、次のような追加のオプションがあります。

• [配置] でバナー内のテキストの位置を設定します。
• [幅] でテキストのサイド マージンを設定します。
• [ハイライト] 微調整オプションでテキストの後ろに色を追加します。[ハイライト テキスト インデント] で背景色の幅を設定します。

ブログ ページ

Yorkテンプレート ファミリーでは、標準のグリッド/リスト ブログ ページが使用されます。このタイプのブログの独自の機能とスタイル オプションの詳細については、「バージョン7.0の標準的なグリッド/リスト ブログ ページ」を参照してください。

プロジェクト ページ

プロジェクト ページでは、画像、タイトル、キャプションをエレガントなレイアウトに整理します。これは、特にテキストと画像を組み合わせて使用している場合にギャラリー ページに代わるユニークな方法です。

詳細については、「プロジェクト ページ」を参照してください。

インデックス ページ

インデックス ページは、訪問者が様々なページにアクセスするために使用できるナビゲーション サムネイルをバナーまたはグリッドで表示します。

• ナビゲーション グリッドには、ページのアイキャッチ画像が表示されます。ページに動画バナーがある場合でも、アイキャッチ画像がグリッドに表示されます。
• ページ バナー、ナビゲーションのタイトルと説明テキスト、カスタマイズ可能なヘッダー エリアとフッター エリアを追加できます。
• モバイルの場合、インデックス ページには行ごとに1つのサムネイルが表示されます。
• インデックス ページは [サイトの最大幅] に従いません。

サポートされているページ

インデックスには次のページを追加できます。

• アルバム ページ
• ブログ ページ
• ギャラリーページ
• イベント ページ
• ストア ページ
• プロジェクト ページ
• レイアウト ページ

アイキャッチ画像

アイキャッチ画像または動画URLをページの設定に追加すると、インデックス ナビゲーションのサムネイルに表示されます。[インデックス: アイテム画像] 微調整オプションでサムネイルのスタイルを設定します。

• [画像の配置] でサムネイル内のアイキャッチ画像を配置します。
• [画像を切り抜く] でサムネイルの右半分、左半分、または全体を埋めます。このオプションは、[画像の配置] が [右]、[左]、または [中央] に設定されている場合に表示されます。
• [画像の不透明度] で画像全体に背景色がどの程度透けて見えるかを選択します。
• [ホバーの不透明度] で訪問者がカーソルを当てたときに画像がどの程度フェードされるかを変更できます。
• サムネイル全体を埋めるには、[画像の配置: 中央] を選択し、[画像を切り抜く] にチェックを入れます。
• アイキャッチ画像または動画から背景色を自動的に取得するようにサムネイルを設定するには、[背景の自動カラー化] にチェックを入れます。
• アイキャッチ画像または動画がないサムネイルに表示する [アイテムの背景色] を選択します。この微調整オプションは、[背景の自動カラー化] にチェックが入っていない場合に表示されます。

次の場合に、サムネイルの背景色が表示されます。

• ナビゲーションのサムネイルに画像や動画がない場合
• サムネイル全体を埋め尽くさないアイキャッチ画像の背後
• アイキャッチ画像 (不透明度を変更した場合)

サムネイルのレイアウト

インデックス ナビゲーション サムネイルは、バナーとして表示することも、グリッドで表示することもできます。サイト スタイルの [インデックス: レイアウト] セクションでスタイルを設定します。

• [アイテム幅] でサムネイルをバナーとして表示します。1行に1つまたは2つのバナーを表示するには、[フル] または [ハーフ] を選択します。
• [アイテムの高さ] でバナーの高さを設定します。
• サムネイルをグリッドに表示するには、[アイテム幅: グリッド] を選択します。[列] 微調整オプションと [サムネイルの比率] でグリッドのスタイルを設定します。
• [アイテムの間隔] でバナーまたはサムネイル タイルの間隔を設定します。
• サムネイルをブラウザーの端まで拡大するには、[フルブリード インデックス] にチェックを入れます。チェックが入っていない場合、サムネイルはサイトのパディングに従います。これはページ ヘッダー バナーにも影響します。
• 1つのバナーと2つのバナーを表示する行を交互に表示するには、[代替幅] にチェックを入れます。このオプションは、バナーが [画像の配置:中央] に設定され、[インデックスの幅] が [フル] または [ハーフ] に設定されている場合に表示されます。
• 画像が表示されるサイドを交互に表示するには、[代替サイド] にチェックを入れます。このオプションは、バナーが [画像の配置: 右] または [左] に設定され、[インデックスの幅] が [フル] に設定されている場合に表示されます。

インデックス サムネイルには、ギャラリー ページとプロジェクト ページの画像に追加した各ページのナビゲーション タイトルとカテゴリーを表示できます。ナビゲーション タイトルはインデックス サムネイルに表示されますが、ページ タイトルは個々のページの上部に表示されます。つまり、これら2つの場所に異なるテキストが表示されるように設定することができます。

サイト スタイルの [インデックス: アイテムのテキスト] セクションでテキストのフォント、色、サイズを変更します。

• [タイトル表示] でタイトルの表示方法を選択します。
• カテゴリー テキストを非表示にするには、[カテゴリーを表示] にチェックを入れます。
• テキストの背後にカスタマイズ可能な背景色を追加するには、[タイトルの背景を使用] と [カテゴリーの背景を使用] にチェックを入れます。
• [テキストの配置] でテキストの表示位置を設定します。

ナビゲーション

インデックス ナビゲーションのスタイルを設定するには、インデックス内のページに移動し、サイト スタイルを開きます。

ナビゲーションは、インデックス内のすべてのページの下部に表示されます。非表示にするには、[インデックス ナビゲーションを表示] のチェックを外します。スタイルを設定するには、サイト スタイルの [インデックス: ナビゲーション] セクションを使用します。

• [リンク スタイル] を [リスト] に設定すると、インデックス内のすべてのページがナビゲーション リンクとして表示されます。
• [リンク スタイル] を [次] に設定すると、[次] ラベルが表示されます。[ラベルのみ表示] のチェックを外すと、[次] ラベルの後に次のページの名前が表示されます。

どちらのスタイルでも、テキストを [インライン] または [スタック] として表示し、テキストの色、フォント、スケーリングを変更することができます。[インデックス: ナビゲーション] のその他の微調整オプションで、間隔、フォント、リンクの区切り方法などのリンク スタイルを設定します。

ページの読み込み

Yorkテンプレートは、ページに表示されているコンテンツのみを読み込むことでサイトを高速化するページ読み込み方式であるAjaxをサポートしています。シームレスなブラウジングを実現するため、Ajax読み込みを有効にしておくことをおすすめします。詳細については、「Ajax読み込み」を参照してください。

Yorkテンプレートは、特別なページ アニメーションもサポートしています。

• プロジェクト ページの画像とキャプションは、ページを下にスクロールすると下から上にスライドして表示されます。[カスケード画像とキャプション] 微調整オプションのチェックを外すと、効果が削除されます。
• 最初の読み込み時に、インデックス内のページのコンテンツがスライドして表示されます。[ページ移行アニメーション] 微調整オプションのチェックを外すと、効果が削除されます。
• ページ バナーの読み込みにはフェードイン効果が適用されます。

一部のアニメーションは、ログインしている状態で確認することができません。効果をプレビューするには、プライベート モードまたはシークレット モードでサイトにアクセスしてください。

構造とスタイル

共有ボタン

ブログ投稿や商品詳細ページには、カスタマイズ可能な共有ボタンが表示されます。

• サイト スタイルの [共有ボタン] セクションで、サイズ、間隔、色、スタイルを設定します。選択したスタイルに応じて、ボタンをカスタマイズするための微調整オプションがさらに表示されます。
• [商品: 詳細] セクションに表示されている商品アイテム共有ボタンを選択します。[共有ボタンを表示] のチェックを外すことで、商品アイテムのアイコンを非表示にすることができます。
• [ブログ: アイテム] の [共有アイコン] 微調整オプションを使用して、個々のブログ投稿のコンテンツの上または下に共有ボタンを表示するかどうかを選択します。
• Pinterestの共有ボタンは、アイキャッチ画像があるページにのみ表示されます。
• アルバムおよびイベント ページには、ポップアップ共有ボタンを備えた共有リンクが含まれています。これらのボタンはカスタマイズされたスタイルに従いません。

レイアウトと背景

サイト スタイルの [サイト] セクションで、サイトのパディングを設定します。

• サイト コンテンツとブラウザー上部の間隔は、[サイトの間隔設定] で設定します。
• サイト コンテンツとブラウザーの端の間隔は、[サイトの外側のパディング] で設定します。
• [全幅ヘッダー] のチェックが外れている場合、ヘッダーは [サイトの配置] と [サイトの最大幅] に従います。
• [サイトの背景] でサイト全体の背景色を設定します。

フォント

次のサイト スタイル オプションを使用して、サイト上のフォントのスタイルを設定します。

• ナビゲーション リンク - サイト: ナビゲーション
• メイン コンテンツ - サイト: タイポグラフィー
• ページ タイトルと説明 - バナー テキスト、ページ: イントロ テキスト、インデックス: イントロ テキスト

ブラウザーの幅に応じて特定のテキストが拡大または縮小されるように設定することができます。見出し1のテキストに対してこれを行うには、次の手順に従います。

1. [サイト: タイポグラフィー] セクションで、[見出し1のスケール変更] にチェックを入れます。
2. [見出し1 最大] で最大フォント サイズを設定します。
3. [見出し1 最小] で最小フォント サイズを設定します。

各ヘッダーの最小フォント サイズは、本文テキストのフォント サイズよりも大きく設定することをおすすめします。詳細については、「フォントを拡大縮小する」をご参照ください。

サイドバー

Yorkテンプレートでは、どのページでもサイドバーがサポートされていません。サイドバーが利用可能なテンプレートのリストについては、「バージョン7.0のサイドバー」を参照してください。

ソーシャル アイコン

Yorkテンプレートは、組み込みのソーシャル アイコンをサポートしていません。代わりに、フッターまたはページ コンテンツにソーシャル リンク ブロックを追加してください。

モバイル

Squarespaceに組み込まれたレスポンシブ デザインを使用すると、どの端末でも見栄えがよくなるようにサイトが調整されます。モバイル端末や幅の狭いブラウザーでは、コンテンツが垂直にスタックされます。

サイト スタイルの [モバイル] セクションでサイトのモバイル向け表示のスタイルを設定します。

• モバイル バーをページと一緒に上にスクロールするか、[モバイル バーの位置] で上または下に固定するかを選択します。モバイル バーには、サイトのタイトルまたはロゴ、ナビゲーション アイコン、タグライン、ショッピング カートが含まれます。
• [ブランディング ポジション] でサイトのブランディングとメニュー アイコンの表示位置を設定します。
• サイトのタイトル、タグライン、ナビゲーション リンク、ショッピング カートには、それぞれ個別のモバイル用スタイルを設定することができます。デバイス間でブランディングの一貫性を保つには、[サイト] セクションと同じスタイルを使用してください。
• モバイルで動画バナーを読み込めないときにモバイル用代替画像が表示されるように設定します。
• モバイルでは、メイン ナビゲーションとセカンダリ ナビゲーションが空の場合でも、☰が常に表示されます。

以下の点に留意してください。

• 一部のテンプレートとは異なり、モバイル用スタイルを無効にすることはできません。
• サイトがモバイルで正しく表示されない場合は、フォントの拡大縮小を有効にして、フォントの最小値を減らしてみてください。
• モバイルではページの説明がサムネイルに重なって表示される場合があります。端末別プレビューを使用して、サイトがモバイルでどのように表示されるかを確認し、必要に応じてページの説明を短くします。

言語オプション

Yorkは、次の2通りの言語オプションをサポートしています。

• 送信フォームや注文確認メッセージなど、サイトの組み込みテキストの言語を選択するオプション。
• フランス語、ドイツ語、イタリア語、ポルトガル語、またはスペイン語のテンプレートを使用して新しいサイトを開始するオプション。

Yorkのトラブルシューティング

このテンプレートでよく生じる問題について説明します。これらの一部は、バグまたは既知の問題です。Squarespaceバージョン7.0は引き続きサポートされていますが、Squarespaceでは最新のプラットフォームであるバージョン7.1に重点を置いているため、バグや問題の修正の優先順位は低くなっています。弊社の更新ツールを使用することで、バージョン7.0サイトをバージョン7.1に移行できます。

バナー テキストの背景ハイライト色に隙間がある

これは、タイトルや説明が非常に短く、カスタム ハイライト インデントを大きく設定している場合に発生する可能性があります。

これを修正するには、タイトルや説明にテキストを追加するか、サイト スタイルの [バナー テキスト] セクションを使用して、次のいずれかを実行してください。

• [カスタム ハイライト インデント] 微調整オプションを小さくします。
• [テキストのハイライト インデント] 微調整オプションを使用して、[小]、[中]、[大] のいずれかのプリセット オプションを選択します。

ナビゲーションのドロップダウンが正しく表示されない

ナビゲーションのドロップダウンが期待どおりに表示されない原因は2つあり、それぞれに特定の修正方法があります。

• 一部のページしか表示されない - ドロップダウンを展開しても、含まれているページがドロップダウンに一部しか表示されません。リストを修正するには、新しいドロップダウンを追加し、その中にいくつかのページを移動します。
• ドロップダウンのタイトルの一部が表示されない - タイトルが長いドロップダウンでは、ドロップダウンのタイトルに含まれる文字が一部しか表示されません。これは、ドロップダウン内のページのタイトルにも影響する可能性があります。文字の欠落を修正するには、ドロップダウンまたはドロップダウンに含まれる該当ページのタイトルを短くします。

「ページの説明」というテキストが表示される

このプレースホルダー テキストは、サイトにログインしているとき、レイアウト、プロジェクト、ストア ページに表示されます。サイトへの訪問者にこのテキストが表示されることはありません。

これを修正するには、ページの設定でテキストを置き換えるか、サイト スタイルですべてのページの説明を非表示にします。

テンプレートの切り替え後にプロジェクト ページが表示されない

Yorkファミリー以外のテンプレートに切り替えると、プロジェクト ページがギャラリー ページに変換されます。

Yorkテンプレートに戻した後、ギャラリー ページから新しいプロジェクト ページに画像を移動することで、元の形式を再作成することができます。

1. [ページ] パネルを開き、新しいプロジェクト ページを追加します。
2. [ページ] パネルで、移動する画像が含まれるギャラリー ページをクリックします。
3. 移動するアイテムをクリックします。
4. 下に表示されるアクション バーの [移動] をクリックします。
5. [移動先のコレクションを選択] ウィンドウで、[プロジェクト ページ] を選択し、[アイテムを移動] をクリックします。

ソーシャル メディアで共有するとランダムなテキストが表示される

Squarespaceでは、コンテンツを共有するときにソーシャル メディアに表示される内容を正確に制御することができません。ページのヘッダーまたはフッターがサイト上で非表示になっていても、ヘッダーまたはフッターのテキストが表示されることがあります。ヘッダーとフッターが非表示の場合、コンテンツを削除することで、この問題を修正することができます。

ヘッダーまたはフッターのコンテンツを削除するには、次の手順に従います。

1. [ページ] パネルで、ヘッダーまたはフッターのコンテンツが非表示になっているページを開きます。
2. サイト スタイルを開き、サイト スタイルの [ページ] セクションで [ページ ヘッダー] または [ページ フッター] を再表示します。
3. [保存] をクリックします。
4. ヘッダーまたはフッターに戻り、[編集] をクリックします。
5. コンテンツを削除します。
6. サイト スタイルに戻り、[ページ ヘッダーを表示] または [ページ フッターを表示] のチェックを外します。

バナー内のテキストが途切れる

モバイルでテキストが正しく表示されない場合は、フォントの拡大縮小を有効にして、フォントの最小値を減らしてみてください。

長い単語はコンテナーの端に到達しても折り返されないことに注意してください。最良の結果を得るには、タイトルと見出しに短い単語を使用してください。

グリッド インデックス内のテキストの位置がずれる

インデックス ページのレイアウトがグリッドに設定されている場合、小さいブラウザーのウィンドウではテキストがサムネイル画像の中心からずれて表示されることがあります。

この問題を解決するには、サイト スタイルでグリッド レイアウトの [タブレットの列数] の値を小さくするか、[タイトル フォント] を小さくしてみてください。レイアウトをグリッドではなく [ハーフ] または [フル] に変更することもできます。

ページ ヘッダーにコンテンツを追加する際の問題

ページ ヘッダーに [コレクション ヘッダー コンテンツ] の注釈が表示されない場合は、次の手順に従います。

1. サイト スタイルを開きます。
2. [ページ] セクションで、[ページ ヘッダーを表示] にチェックを入れます。
3. [保存] をクリックし、サイト スタイルを終了します。
4. ページを更新します。

注釈がページに表示されます。

動画がプロジェクト ページに表示されない

プロジェクト ページ上のすべての動画にはサムネイル画像が必要です。[ページ] パネルでは、サムネイル画像がない動画に斜線が表示されます。サムネイル画像を追加するには、次の手順に従います。

1. [ページパネル] を開きます。
2. プロジェクト ページをクリックします。
3. 動画にカーソルを合わせ、をクリックします。
4. サムネイル画像を手動で追加するには、[動画サムネイル] トグルをオンに切り替えて、[画像] をクリックします。
5. [保存] をクリックします。