創造エディターのセクションで固定の場所にブロックをピン留めすると、訪問者がセクション内の他のコンテンツをスクロールする間もブロックを固定しておくことができます。

創造エディターを使用すると、ブロックをピン留めして特定のコンテンツを強調し、独自のレイアウトでページをデザインできます。

ブロックのピン留めは、バージョン7.1サイトの創造エディターのセクションでサポートされています。

動画を見る

ブロックをピン留めする

ブロックをピン留めする際は、望む効果を得られるよう様々な設定とレイアウトを試してみることをおすすめします。ピン留めされたブロックは、そのセクションにのみ固定されたままになります。よって、セクションのコンテンツが足りない場合や非常に短い場合は、ピン留めの効果が現れないことがあります。

ブロックを固定する方法は次の通りです。

1. [ページ] パネルを開きます。
2. 創造エディターのセクションが含まれるページをクリックし、[編集] をクリックします。
3. 創造エディターのセクションでブロックをクリックし、ブロックのツールバーのピン アイコンをクリックします。どのようなブロック タイプでもピン留めできます。
4. 既定値では、ピン留めされたブロックはセクションの上部に整列するように設定されています。セクションの中央または下部にブロックを揃えるために、[スクロール時に中央にピン留め] または [スクロール時に下部にピン留め] のアイコンをクリックします。
5. オフセット スライダーを使用して、ピン留めされたブロックとブラウザーの境界線の間の最小距離を変更します。
6. [保存] をクリックします。

モバイル レイアウトにブロックをピン留めする

創造エディターのセクションのモバイル レイアウトは、コンピューターのレイアウトから独立した形で調整できます。これにはブロックのピン留めも含まれます。コンピュータのレイアウトでブロックをピン留めしても、モバイルではそのブロックはピン留めされません。また、その逆も同様です。

モバイル レイアウトでブロックをピン留めする方法は以下の通りです。

1. ページの [編集] をクリックし、右上隅にある [モバイル ビュー] アイコンをクリックします。
2. ブロックをクリックし、ブロックのツールバーにあるピン アイコンをクリックします。
3. ブロックの配置とオフセットを設定します。
4. [保存] をクリックします。

ブロックのピン留めを解除する

ブロックのピン留めを解除する方法は以下の通りです。

1. ページで [編集] をクリックし、ブロックをクリックして、ブロックのツールバーにあるピン アイコンをクリックします。
2. [ピンを削除] アイコンをクリックします。
3. [保存] をクリックします。

サイトでピン留めブロックを使用する方法

ブロックのピン留めは、実用的な理由のほか、より実験的なデザイン効果を得る目的でも活用できます。例としては、次のようなものがあります。

• 商品ブロックをピン留めすると、最新の商品を宣伝して訪問者の注目を集めることができます。
• ビジネスに関する重要な情報を含むテキスト ブロックまたはフォーム ブロックをピン留めすると、訪問者がページのどこをスクロールしていてもすぐに連絡先を見つけることができます。
• 写真を紹介する画像ブロックや新曲を収録したオーディオ ブロックをピン留めすると、訪問者がサイトを閲覧している間に作品を印象づけることができます。
• 動画ブロックをピン留めすると、訪問者はページの他の部分を閲覧しながら動画を見ることができます。
• 異なる配置やオフセット設定の図形ブロックをピン留めすると、訪問者がページをスクロールするたびに連鎖的な効果を生むことができます。

ブロックはいくつピン留めできますか？

ピン留めできるブロックの数に制限はありませんが、多くのコンテンツが含まれるセクションは読み込みが遅くなる可能性があります。ピン留めされているかどうかに関係なく、ページごとに追加するブロックは60個以下にすることを推奨します。