こんにちは、
ページフライチームのリチャードです！この度、PageFlyバージョン4.13.0をリリースいたしました！このアップデートでは、お客様のウェブサイト構築体験を向上させるための新機能や改善点が多数追加されました。
エレメントのアップデートからモバイルナビゲーションの改善まで、このバージョンには魅力的でパフォーマンスの高いページをより効率的に作成するためのアップデートが満載です。それでは、PageFly 4.13.0の新機能の詳細をご覧ください。
モバイルレイアウトの更新
アコーディオン・エレメント
自動スクロールの仕組み：ユーザーがアコーディオンアイテムを開くためにクリックすると、ページが自動的にコンテンツエリアまでスクロールするようになり、ユーザーエクスペリエンスが向上しました。
注： 更新されたバージョンを使用するには、新しい要素をドラッグする必要があります。
コンテンツ・リスト要素
モバイルビューでの段落のアイコン位置が改善されました：段落内のアイコンの位置が改善され、モバイルデバイスでの整列が改善されました。
- アイコンより列が大きくなるバグを修正しました。小さい画面用に間隔を狭くしました。
- コンテンツリストのバリアント1～7、10、11にナビゲーション1とページネーション1を自動適用しました。
- コンテンツリストVariant 8,9,12,13の部分アイテム表示を適用し、アイテム間隔を変更しました。
スライドショー・エレメント
モバイルデバイスでのパディングを改善しました：モバイルデバイスでのスライドショー要素のパディングを最適化し、より快適な視聴体験をお約束します。
- バリアント3にパーシャルの自動表示を適用しました。これからはパーシャルアイテムを自動表示できます。
- バリアント 4 と 5 のデバイスビューポートのセクションがオーバーフローする問題を修正しました。
リスト要素
表示フレックス： 我々は、モバイル設定でリスト項目の表示フレックスを追加しました
モバイルでのナビゲーション
ナビゲーション表示の強化：これまでカーソルを合わせた時のみ表示されていたナビゲーションが、モバイルビューでもデフォルトで表示されるようになりました。
製品リスト要素
- 商品詳細にボーダーを追加しました：商品リスト内の各商品の詳細にボーダーが表示されるようになり、視覚的な分離とわかりやすさが向上しました。
パフォーマンス・アップデート
イメージ・エレメント
- 画像読み込みパラメータ：新しい「画像読み込み」パラメータにより、各画像の読み込みを最適化できるようになりました。
- レイジー・ローディング：画像は、ビューポート内で表示されているときにのみロードされ、PageSpeedを向上させます。
- プリロード：ページが読み込まれたときに画像をできるだけ早く読み込み、LCPを改善します。
- スタンダード：全体的なユーザーエクスペリエンスの向上。
- 画像読み込みメカニズムの最適化：更新されたメカニズムにより、各デバイスで正しいサイズの画像が読み込まれるようになり、ページ速度とユーザーエクスペリエンスが向上しました。
アコーディオン・エレメントの改善
- HTMLのセマンティック要素を使用し、SEOとページのパフォーマンスを向上させます。
UXアップデート
エディターページヘッダー
旧バージョン：
新バージョン
- エディターヘッダーを更新：
- 左上の「ページ一覧に戻る」アイコンを削除。
- 右上の "Background process "と "Help "アイコンを削除。
- 保存/公開ボタンをプレビュー/ライブビュー表示ボタンの上に移動。
- プレビュー/ライブビュー表示ボタンが右上に表示されるようになりました。ページが公開されていない場合、ライブビューを見るボタンは灰色（非アクティブ）になります。
- オートセーブ機能を変更しました：
- 現在の「オートセーブ」機能を削除。
- "自動バックアップ "機能：変更内容は自動的にバックアップされ、ページを再読み込みしたり、保存せずに閉じたりしても復元できます。
- キャンセル」をクリックすると、保存されていないすべての変更が削除されます。
- Restore "をクリックすると、エディターにすべての変更が表示され、ユーザーは保存や追加変更を行うことができます。
- 保存」ステータスを更新：
- 変更が加えられると、上部に破棄/保存ボタンが表示される。
- 保存]をクリックすると、[公開]ボタンが表示され、[破棄]/[保存]ボタンは非表示になります。
- 編集者数アイコン：同じページに複数のタブが開いている場合に表示され、上書き問題を軽減します。
要素の追加」と「Shopify要素の追加」を「要素」に統合。
エディター用モバイルレイアウトを作成
- レスポンシブデザインを更新しました：エディタとグローバルスタイルがレスポンシブデザインに対応しました。
- モバイルでのインタラクションを最小限にモバイルエディター画面でのインタラクションが最小化されました。
- スモールスクリーンアラートを削除。
ページ設定とページ割り当てモーダル
- ページ設定アイコンの移動：アイコンは左サイドバーに配置されました。
- ページ割り当て：商品ページやコレクションページでは、ページ設定アイコンの上にページ割り当てが表示されるようになりました。
バージョン履歴
バージョン履歴のUIを改善し、ナビゲーションとトラッキングを容易にしました。
旧バージョン
新バージョン
カスタム・コード・コンポーネントの作成
カスタムコードモーダルUIをカスタムコードドロワーに置き換える。
統合コンポーネントの作成
サードパーティ製エレメントを追加する際のユーザーエクスペリエンスが向上。
旧バージョン：
新バージョン
ページテンプレートセクション
ページテンプレートアイコンの位置を変更しました。
セクション追加」ボタンを追加しました：ページコンテンツ」のセクションリストの一番下にあります。
URLピッカー モーダル
エディター内でURLを選択するインターフェイスを改善。
ストアコンテンツ・コンポーネントの作成
店舗内のコンテンツ管理を効率化する新しいコンポーネント。
ストアフロントパスワードモダルの移行
ストアフロントパスワードの移行モーダルをストアのグローバル設定に移動します。
HTML/リキッドエディターモーダルの移行
モーダルインターフェースの改善により、編集エクスペリエンスが向上。
アイコンピッカーモーダルの移行
アイコンピッカーのモーダルUIをアイコンピッカーパネルに置き換える。
メールコンポーザーモーダルの移行
メールコンポーザーのモーダルUIをメールコンポーザーのパネルに置き換えます。
フォントセレクタモダルの移行
より直感的なインターフェイスでフォントの選択プロセスを改善。
メディアマネージャーモダルの移行
新しく改良されたモーダルで画像管理を強化。
メタフィールド・ピッカー・モーダルの移行
より良いユーザーエクスペリエンスのためのメタフィールド管理の強化。
PageFlyで編集」機能の改善
- ページがPageFlyで作成された場合：ページエディタを直接開きます。
- PageFlyでページが作成されていない場合：「PageFlyで新しいページを作成」モーダルが開きます。
最終的な感想
PageFly 4.13.0でのこれらのアップデートが、あなたのページ構築体験を大幅に向上させることを願っています。今後のリリースでは、さらにエキサイティングな機能や改善を予定しています。今後とも、皆様のフィードバックとサポートをよろしくお願いいたします。
バグに対処し解決することは、単なる整理整頓ではなく、プラットフォームの効率性と信頼性を高めることです。バグを修正するたびに、よりスムーズで直感的なエクスペリエンスへの道が開かれ、技術的な問題を解決することよりもビジネスの成長に集中できるようになります。
リチャード
ページフライチーム。
---
PageFlyの過去のアップグレードについては、PageFlyブログをご覧ください。最新のバージョンアップにご期待ください：
