移動機能の注意事項

エディターを使用してページを編集する際、Ptengineはアイデアを実現するためのさまざまなツールを提供しています。ページ編集の過程で、例えばコンテンツをファーストビューから製品紹介部分に移動させるなど、ページのコンテンツ順序を調整したい場合は、移動機能を使用できます。この移動機能は、静的な要素だけでなく、動的な要素の移動もサポートしています。本記事では、移動機能を使用する際に発生する可能性のある問題とその解決方法について詳しく説明します。

なぜ移動後のコンテンツのスタイルが問題になるのか？ #

　移動機能を使用すると、移動後のコンテンツのスタイルが乱れることがあります。これは通常、スタイルルールの変更が原因です。

　ページ内のスタイルは通常、要素の位置コンテキストに基づいて定義されています。要素をある位置から別の位置に移動すると、その要素に元々適用されていたスタイルルールが適用されなくなったり、新しい位置に異なるスタイルルールが存在するため、スタイルが乱れたり変わったりすることがあります。
　この問題を避けるためには、移動する際に同じスタイルルールの範囲内のターゲット位置を選択することをお勧めします。

　もし「選ばれる理由」の部分に、３つの理由の順番を調整したい場合、同じスタイルルールの元に移動するから、スタイルが崩れません。

　例えば、セカンドビューの一部のコンテンツを「選べれる理由」セクションに移動させると、「選べれる理由」のスタイルが移動したコンテンツに適用されないため、スタイルの乱れが生じる可能性があります。

　これに対して、セカンドビュー全体を「選ばれる理由」の前に移動させることをお勧めします。
各コンテンツのスタイルルールは変わらないため、スタイルが乱れることはありません。

なぜ移動後に動的要素がインタラクティブでなくなるのか？ #

　動的要素をページの別の位置に移動させると、インタラクションが停止することがあります。この問題は、ページ内の一部の動的要素が他の要素との相対位置関係に依存しているため、その位置関係が崩れるとインタラクションが機能しなくなることが原因です。動的要素を関連するすべてのコンテンツと一緒に移動させ、内部の相対位置関係が保たれるようにすれば、動的要素のインタラクション機能は正常に動作します。
　したがって、動的要素を移動させる際には、関連するすべてのコンテンツを一緒に移動させることをお勧めします。

　例えば、「Ptengineの利用者」の動的表示部分をセカンドビューの下に移動させると、動的要素と他の要素との相対位置が変わるため、動的要素のインタラクションが停止することがあります。

　しかし、動的要素と「Ptengineの利用者」の説明文を一緒にセカンドビューに移動させると、内部の相対位置が保持されるため、動的要素が正常に機能します。

　以上、並べ替え機能を使用する際の一般的な問題を2つ紹介しました。解決策は次の2点にまとめられます：

1. スタイルの乱れを減らすため、同じスタイルルール内の位置に移動することを優先してください。
2. 動的要素を移動する際には、関連するすべてのコンテンツを一緒に移動させ、内部の相対位置を維持することで、インタラクション機能が正常に動作するようにしてください。

　もし何かご不明なところがありましたら、ぜひご気軽に連絡してください！