Studio エディタ:要素とセクションをピン留めする
読了時間:2分
訪問者が重要な情報を見逃さないようにしたい場合、「ピン留め」設定を使用して、要素とセクションを所定の位置に固定できます。これにより、訪問者が上下にスクロールしても、常にアクセスできるようになります。
この記事では、以下の項目について説明します:
要素とセクションをピン留めする
要素をコンテナ、セクション、またはページに固定して、サイト訪問者がいつでもアクセスできるようにします。これは、メニューなどのナビゲーション要素だけでなく、重要なコンテンツの視認性を高めるのに最適なツールです。
ピン留めできない要素 / セクションはありますか?
要素を固定する方法:
- 該当するセクション、または要素を選択します。
- エディタ右上の「要素設定パネルを開く」矢印アイコン
をクリックします。
- 「配置」までスクロールダウンします。
- 「配置タイプ」ドロップダウンから「ピン留め」を選択します。
- (要素のみ)「ピン留め位置」下で要素を固定する場所を選択します:
- コンテナ・セル:要素は、親コンテナかセルを基準にして固定されたままになります。
- セクション:訪問者がセクションを上下にスクロールしても、要素は固定されたままになります。
注意:各ページにつき 1つのセクションのみ固定することができます。 - ページ:訪問者がページ全体を上下にスクロールしても、要素は表示されたまま固定されます。
![画面にピン留めされたマスターヘッダー](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/15/8314a9e1-5a41-47a0-8730-7c2e21a5a376/5304db2b-ebf5-4a66-9206-6da3f1b9e19f.jpg)
既定では、ピン留めされたセクションはその下のセクションと重なっています。
ピン留めした位置を削除する
要素とセクションはいつでも既定の位置に戻すことができます。これは、ユーザーが画面に固定されるのではなく、サイトのその位置に留まることを意味します。
ピン留めした位置を削除する方法:
- 該当するセクション、または要素を選択します。
- エディタ右上の「要素設定パネルを開く」矢印アイコン
をクリックします。
- 「配置」までスクロールダウンします。
- 「配置タイプ」ドロップダウンから「既定」を選択します。
![要素設定パネルで要素またはセクションの既定の配置タイプを選択する](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/09/15/e92301eb-f433-4a57-afec-4de40309eae1/5bd5ec5e-3e89-4855-8243-73b270bdb8b5.jpg)
お役に立ちましたか?
|