header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Studio エディタ:要素とセクションをピン留めする

3分
訪問者が重要な情報を見逃さないようにしたい場合、「ピン留め」の配置設定を使用して、要素とセクションを所定の位置に固定することができます。これにより、上下にスクロールしても、訪問者は常にアクセスできるようになります。
ヒント:
ヘッダースクロールエフェクトを追加して、訪問者が上下にスクロールした際の表示方法を変更します。たとえば、スクロール中にヘッダーの色を変えたり、邪魔にならないようにヘッダーを移動させたりして、訪問者がページに集中できるようにします。

要素とセクションをピン留めする

要素をコンテナ、セクション、またはページに固定して、サイト訪問者がいつでもアクセスできるようにします。同様に、セクションを固定して、重要なコンテンツやナビゲーションパーツ(例:サイトメニュー)の視認性を高めることができます。
注意:
各ページごとに 1つのセクションのみ固定することができます。また、セクションではすべてのブレイクポイントでページに枠線を設定する必要があります。

要素を固定する方法:

  1. 該当するセクション、または要素を選択します。
  2. エディタ右上の「要素設定パネルを開く」アイコン  をクリックします。
Wix Studio エディタの「要素設定パネルを開く」アイコンのスクリーンショット。
  1. 配置」までスクロールダウンします。
  2. 配置タイプ」ドロップダウンから「ピン留め」を選択します。
  3. (要素のみ)「ピン留め位置」下で要素を固定する場所を選択します:
    • コンテナ・セル:要素は、親コンテナかセルを基準にして固定されたままになります。
    • セクション:訪問者がセクションを上下にスクロールしても、要素は固定されたままになります。
    • ページ:訪問者がページ全体を上下にスクロールしても、要素は表示されたまま固定されます。
「要素設定パネル」の横にスタック要素が表示されているスクリーンショット。スタックが親コンテナに固定されています。
ヒント:
既定では、ピン留めされたセクションはその下のセクションと重なっています。

ピン留めした位置を削除する

要素とセクションはいつでも既定の位置に戻すことができます。これは、ユーザーが画面に固定されるのではなく、サイトのその位置に留まることを意味します。

ピン留めした位置を削除する方法:

  1. 該当するセクション、または要素を選択します。
  2. エディタ右上の「要素設定パネルを開く」アイコン  をクリックします。
Wix Studio エディタの「要素設定パネルを開く」アイコンのスクリーンショット。
  1. 配置」までスクロールダウンします。
  2. 配置タイプ」ドロップダウンから「既定」を選択します。
「要素設定パネル」の横のキャンバスにスタック要素が表示されているスクリーンショット。スタックの配置タイプがデフォルトに設定されています。
Wix Studio エディタの「要素設定パネルを開く」アイコンのスクリーンショット。
「要素設定パネル」の横にスタック要素が表示されているスクリーンショット。スタックが親コンテナに固定されています。
Wix Studio エディタの「要素設定パネルを開く」アイコンのスクリーンショット。
「要素設定パネル」の横のキャンバスにスタック要素が表示されているスクリーンショット。スタックの配置タイプがデフォルトに設定されています。