行内の列の順序を変更する方法

列の順序を変更するには GemPagesの行行を選択し、 アイテム管理 右側の設定パネルにあるセクションを選択し、各列を上下にドラッグして位置を変更します。新しい順序はコンテンツやスタイルに影響を与えることなく、即座に適用されます。

画像とテキストのブロックを反転させたり、機能リストを並べ替えたり、異なるレイアウト順序を試したりしたいと思ったことはありませんか？そんな時、各要素を手動で移動する必要はありません。GemPagesのアイテム管理機能を使えば、数クリックで行内の列全体を並べ替えることができます。

GemPagesにおける列の並べ替えとは何ですか？

列の並べ替えは、GemPagesのアイテム管理パネルにある機能で、行内の列の位置を変更できます。画像、見出し、ボタンなどの個々の要素をある列から別の列にドラッグする代わりに、列全体とその中のすべての要素を、一度のドラッグで新しい位置に移動できます。

行内の列の順序を変更するタイミング

アイテム管理機能を使って列の順序を変更するのが、次のような場合に最も速い方法です。

• 画像とテキストのレイアウトを反転する 例えば、セクションを再構築することなく、商品画像を右側の列から左側の列に移動させるなど。
• 複数列の行を並べ替える 例えば、主な機能の紹介、お客様の声のグループ、製品コレクションなど。
• 異なるレイアウト順序でA/Bテストを実施 設計の反復作業中。
• すべての要素設定をそのまま保持する ページ上の列の順序だけを変更する。

GemPagesで列の並び替えをする方法

行内の列の順序を変更するには、次の2つの手順に従ってください。

ステップ1：並べ替えたい列が含まれている行を選択します。

GemPagesエディターで、並べ替えたい行をクリックします。 行 行自体が選択され、列やその中の要素は選択されません。選択すると、行がハイライト表示され、エディターの右側に行設定パネルが開きます。

ステップ2：アイテム管理セクションの列の順序を変更します

下にスクロールして アイテム管理 セクション。選択した行内のすべての列が、現在の左から右の順序で一覧表示されます。

順序を変更するには:

1. 移動したい列をクリックして長押しします。
2. リスト内でドラッグして、新しい位置に移動させてください。
3. 手を離すと所定の位置に落下します。

エディター内のレイアウトは、新しい列の順序を反映して即座に更新されます。各列内のすべての要素、スタイル、アニメーション、およびレスポンシブ設定は、位置のみが変更され、変更前とまったく同じ状態を維持します。