Wix エディタ:パーツを画面に固定する
読了時間:4分
訪問者がページをスクロールしてもパーツが常に表示されるよう、パーツを画面に固定してみましょう。画面端からの横位置と縦位置の距離を設定し、パーツの正確な位置を決めることができます。
以下の例では、ユーザーがいつでも問い合わせできるよう、Wix チャットボタンが画面の右側で固定されています:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/04/30/583ca3ca-9fe6-4fc9-9e1e-dbb219a09b12/636ee30f-402f-4f0a-bb7b-2f2de4dd6885.gif)
この記事では、次の項目について説明します:
パーツを画面に固定する
エディタでは、ほとんどのパーツを画面に固定することができます。この機能は、ソーシャルツール、メニュー、お問い合わせフォームには特に便利で、固定しておくことでいつでも簡単にアクセスできるようになります。
重要:
- 大きいパーツを固定すると、サイトの広い範囲が覆われてしまい、訪問者がコンテンツを見ることができなくなる可能性があります。
- ページの左右両方にパーツを固定した場合、小さな画面で見たときに重なることがあります。
パーツを画面に固定する方法:
- エディタでパーツを右クリックします。
- 「画面に固定」をクリックします。
- 「固定位置」下でグリッド上の位置を選択します。
- 「横の位置」下でスライダーをドラッグさせるか、スライダー横の欄に値を入力し、パーツを横に移動させます。
- 「縦の位置」下でスライダーをドラッグさせるか、スライダー横の欄に値を入力し、パーツを縦に移動させます。
- 「X」をクリックし、パネルを閉じます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/05/19/d9d9d0ea-fe9f-48c0-801b-17d06a87c659/a4e90481-1733-4574-ac36-b0ddbdd7da3b.png)
ヒント:
サイトをプレビューして、固定されたパーツがライブでどのように見えるか確認します。プレビューモードでサイトをスクロールすることで、パーツと重なっているコンテンツを確認することができます。
固定したパーツの設定を変更する
固定したパーツの位置を正しく設定することで、重要なコンテンツを覆わないようにしながらパーツを目立たせることができます。また、画面の端を表すグリッドの領域を選択した後、パーツと角の間の横位置と縦位置の距離を調整することもできます。
固定したパーツの設定を変更する方法:
- パーツをクリックします。
- 「固定された画面」アイコン
をクリックします。
- 固定したパーツの設定を変更します:
- 固定位置:画面の端を表すグリッドの領域を選択して、パーツの位置を設定します。
注意:中央はサイトの主要な部分を覆うため、選択することはできません。 - 横の位置:スライダーをドラッグしてパーツを横に移動させるか、スライダー横に数値を入力します。
- 縦の位置:スライダーをドラッグしてパーツを縦に移動させるか、スライダー横に数値を入力します。
- 固定位置:画面の端を表すグリッドの領域を選択して、パーツの位置を設定します。
- 「X」をクリックしてパネルを閉じます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/05/19/840cd406-8bc3-4d7f-bd69-c8fd30881186/8989da9a-6d85-4bab-93e9-432727855aa6.png)
パーツの固定を解除する
以前に固定したパーツはいつでも解除することができます。
パーツの固定を解除する方法:
- 該当するパーツを選択します。
- 「固定された画面」アイコン
をクリックします。
- (画面に固定パネルから)「固定を解除」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/05/19/32cf7453-7d85-4051-979a-47450ff9ea4e/b8e7f3ec-6bf5-410c-8e9f-c6f05cc03cb7.png)
よくある質問
以下に、パーツを画面に固定する際に多く寄せられた質問を掲載しています。質問をクリックして回答をご覧ください:
どんなパーツでも画面に固定することができますか?
画面にはいくつパーツを固定することができますか?
モバイルサイトでは固定したパーツはどうなりますか?
固定したパーツが他のパーツと重なっている場合は、どうすればいいですか?
お役に立ちましたか?
|