セクション設定

ページは完全に編集可能なセクションで構成されており、それらは縦方向に配置されます。簡単に追加できるセクションとドラッグ&ドロップ式のスニペットを使用することで、ページに思い通りのデザインを簡単に作成できます。

ページにセクションを追加すると、デスクトップおよびモバイル ビューのセクションを簡単にカスタマイズできます。

ここで扱われる内容:


セクションの管理

  • 管理するセクションにマウスを置きます。
  • これにより、 編集ツールバー (1) セクションの右上隅にあります。
  • 以下を行うには、 セクション編集 (2) セクション設定ボックスを開くオプション。


セクション設定ポップアップには、幅、高さ、コンテンツの位置、およびその他のいくつかのカスタマイズ オプションを管理するための 5 つのタブがあります。


セクションタブ

[セクション] タブから、次の項目を管理できます。  

  1. 背景の幅: セクションの幅を選択します。
  2. 高さ: セクションの高さを設定します。 使用 自動応答オプション オプションを使用すると、セクションの高さがセクションのコンテンツによって異なります。

  1. デスクトップの間隔: セクションの内部間隔(パディング)を指定します。セクションのすべての辺の間隔を管理できます。
  2. 間隔 – モバイル: モバイル デバイスのセクションの上部と下部の間隔を管理します。有効にすると、モバイル デバイスでセクションの高さが自動的に自動に設定されます。


[コンテンツ]タブ

コンテンツ設定を表示するには、 「コンテンツ」タブ(1)をクリックしてください。

  1. コンテンツの幅: セクション内のコンテンツの幅を設定します。
  2. コンテンツの配置: コンテンツを左揃え、右揃え、または中央揃えに設定します。
  3. コンテンツ ブロックの位置: セクション内にコンテンツを配置します。


セクションのオプション

コンテンツ設定を表示するには、「オプション」タブをクリックしてください。

  1. 管理する 透明性 デスクトップおよびモバイルデバイスに関するセクションの。セクションを完全に非表示にすることもできます。 さらに詳しく.
  2. 有効化/無効化 スクロールアイコン セクション用。これにより、ページ上の次のセクションまで画面がスクロールされます。
  3. 有効にする 視差効果 背景画像をアニメーション化します。視差効果がオンになっている場合、コンテンツはセクションの背景上をスクロールします。つまり、背景は静止したままになります。

お願い

パララックス効果オプションは、背景画像が該当セクションにアップロードされた場合にのみ表示されます。詳細はこちらをご覧ください。

コーナー半径

コーナー半径オプションを使用してセクションの外観をカスタマイズし、魅力的で個性的なデザインを作成しましょう。控えめな丸みを帯びたエッジから、大胆な曲線まで、可能性は無限大です!

  1. セクションの角の半径をカスタマイズする デスクトップとタブ セクションの上、右、下、左の各隅に値を個別に(px 単位で)設定できます。
  2. セクションコーナー半径の値を指定します モバイル デバイス。

  • 特定します セクション ID セクション用。ここではスペースを使用できません。
    これは、Web サイトにアンカー リンクを作成するときに役立ちます (次の場合に最も役立ちます)。 単一ページのWebサイト). もっと知る.


境界線タブ

境界線は、ページ上のさまざまなセクションを区切る視覚的な境界を指します。これらの境界線をカスタマイズして、Web サイトのデザインとレイアウトを向上させることができます。

セクションの境界線は、 「境界線」タブから有効にできます。セクションの境界線のカスタマイズ方法の詳細については、こちらをクリックしてください。


区切りタブ

オプションでセパレーターを組み込むことができます。セパレーターは、個別のセクションを結合したり、セクション間に装飾要素を追加したりして、視覚的な魅力と全体的なデザインの統一性を高めます。

セクションの区切り線は、 「区切り線」タブから有効にできます。区切り線の使用方法については、こちらをご覧ください。


お探しのものが見つかりませんか?

Pixpaエキスパートに連絡してください。

Pixpa Studioがリニューアルされました。現在、ヘルプ記事のスクリーンショットをすべて更新中です。