特別なモバイル用スタイル オプションを備えたバージョン7.0のテンプレートについて説明します。

すべてのSquarespaceサイトはレスポンシブ デザインで最適化されているため、あらゆるモバイル端末やブラウザーの形式に合わせてサイトは調整されます。

バージョン7.0の一部のテンプレートは、追加のカスタマイズ エレメントとして、サイト スタイルにモバイル固有の微調整オプションを備えています。このガイドでは、これらのオプションについて紹介します。

このガイドはバージョン7.0用です。バージョン7.1には個別のモバイル用スタイルがありません。詳しくは、「サイトはモバイル端末でどのように表示されますか？」をご覧ください。

テンプレートごとのオプション

変更を加えながらモバイル用のデザインをプレビューするには、サイト スタイルを開く前に端末別プレビューを開いてください。

• モバイルの微調整オプションを見つけるには、Ctrl + F (Macの場合はCommand + F) を押して、「モバイル 」という単語を検索します。
• フォントの拡大縮小を行うには、「最小」という単語を検索します。

以下のテンプレート ファミリーのモバイル オプションを紹介します。

モバイル用スタイルの種類

フォントの拡大縮小

フォントの拡大縮小により、タイトル、見出し、その他の重要なテキストの最大サイズと最小サイズを手動で設定できます。詳細については、「フォントを拡大縮小する」を参照してください。

ロゴのサイズ

ロゴのモバイル サイズを調整できるテンプレートでは、ページをすっきり見せるために、モバイルではサイト ロゴを小さめに表示するように設定することをおすすめします。

注: 別のモバイル ロゴのアップロードをサポートしているのはGalapagosのみです。

モバイル ナビゲーション バー

モバイル ナビゲーション バーは、モバイル サイトの上部または下部に表示されます。これらのナビゲーション バーには、サイトのタイトルやロゴ、ショッピング カート、検索アイコンなどのヘッダー エレメントが含まれます。バーの色をカスタマイズし、エレメントを表示する場所を選択して、独自のモバイル用スタイルを適用することができます。

たとえば、Brineテンプレートは最大2つのモバイル バーをサポートします。

ストア ページ

アドバンスト ストア ページをサポートするテンプレートでは、商品のタイトル、価格、セール価格にモバイル表示用の独自のスタイルを設定できます。詳しくは、「ストア ページのスタイル設定」をご覧ください。