線（区切り線）要素

線（区切り線）要素について

その 線（区切り線）要素 GemPagesでは、 ページのセクションを視覚的に分離する.

読みやすさが向上し、コンテンツが整理され、すっきりとしたプロフェッショナルなレイアウトが確保されます。

線 (区切り線) 要素の一般的な使用例を以下に示します。

• セクションの分離: 線を使用して、お客様の声、製品の説明、よくある質問などのページのさまざまなセクションを区切ります。これにより、コンテンツがスムーズに流れ、ナビゲートしやすくなります。
• ビジュアルブレイク: 区切り線は要素間の微妙な視覚的な区切りとして機能し、情報過多を防ぎ、ユーザーの注意を重要な領域に誘導するのに役立ちます。

を追加する方法 線（区切り線）要素 あなたのページに？

GemPages Editor v7 を使用して線 (区切り線) 要素をページにドラッグ アンド ドロップするには、以下の手順に従います。

• あなたにログインする Shopify管理者 > GemPages ビルダー アプリ> ページ.
• 線 (区切り線) 要素を追加するページをクリックして、エディターに入ります。
• 左側のサイドバーからこの要素を検索し、ページ上の目的の位置にドラッグ アンド ドロップします。

• 要素を見つけて設定を開き、さらにカスタマイズします。

設定タブを構成する

下 設定 タブでは、アイコンの表示を好みに応じて設定できます。

タイプ

線のスタイルを選択します:

• 固体： 連続したラインですっきりとした印象に。
• 破線 or 点在： より装飾的またはモダンな外観を実現します。

形式

選択する カラー 以下のオプションから、ページのデザインとブランディングを補完する行を選択します。

• 正確なカラーコードを入力してください
• カラーピッカーを使用する
• から選択 最近の色 or あなたにおすすめ リスト

また、 厚さ デザインのニーズに応じて、線を目立たなくしたり目立たせたりすることができます。

サイズ

カスタマイズする 線の幅 線をセクション全体に広げるか、特定の部分だけに広げるかによって異なります。

整列

線を揃える 左, センターまたは 右 レイアウトとコンテンツの配置に合わせて調整します。

詳細タブを設定する

より高度なカスタマイズについては、「詳細設定」タブに移動し、 この記事.

区切り線の上下に間隔を追加するにはどうすればいいですか? 

上下の間隔をカスタマイズするには 線要素 GemPagesでは、余白を簡単に調整できます。以下の簡単な手順に従ってください。

ステップ1： に移動します 高機能 タブには何も表示されないことに注意してください。

ステップ 2：を見つけます 間隔 下の設定 高機能 タブには何も表示されないことに注意してください。

ステップ3： の値を変更します 上余白 (NAIST) と 下余白 区切り線の上下に必要な間隔を追加します。

マージンとパディングの詳細については、 この記事.