こんにちは、
PageFlyチームのリチャードです！PageFlyのバージョン4.19.0をご紹介できることをとても嬉しく思います。
エディタ機能の最適化、コピーペーストのスタイルの改良から、リクエスト処理の改善、Shopifyテーマフォントのシームレスな統合まで、このバージョンはShopifyでパフォーマンスの高いページをこれまで以上に効率的に作成できるように設計されています。それでは、PageFly 4.19.0の新機能の詳細をご覧ください。
エディターコードの更新と通知
目的
Gen 2エディターとレガシー・エディターがソースコード内で独立して動作するよう、必要不可欠なアップデートを行いました。
実施
- 各エディタに適したソースコードを動的にロードするバージョンチェック機構を実装。
- フレックス要素と行／列要素の両方がページに存在する場合にユーザーに通知する新しい警告バナーを追加し、明快さとデザインの一貫性を確保しました。
コピー・ペーストのスタイルを絞り込む
目的
私たちは、クリップボードに互換性のあるスタイルを持つ要素に対してのみ「スタイルの貼り付け」機能が利用できるようにすることで、使いやすさを向上させ、デザインの一貫性を維持することを目指しています。
実施
- スタイルの貼り付け」ボタンを無効にします： 現在選択されている要素に互換性のあるスタイルが存在しない場合、このボタンは無効になります。
例以前にスタイルをコピーしていない場合、スタイルの貼り付けボタンは無効になります。
- スタイルの適用を制限します： スタイルの貼り付けは、互換性のあるタイプとバージョンの要素に制限され、シームレスでエラーのない機能を保証します。
例
セクションから見出しにスタイルをコピー・ペーストすることはできませんが、セクションからセクション、見出しから見出しのように、同じタイプの要素間では可能です。
同様に、ProductATCとProductATC2のように、異なるバージョンの要素間でスタイルをコピーすることはできません。
製品ATCバージョン
製品ATC2バージョン
- 説明ツールチップの表示：無効化されたボタンにカーソルを合わせると、ツールチップでアクションが利用できない理由が説明され、ユーザーの理解とユーザビリティが向上します。
The tooltip displays the message following the motif: "No {element-name} styles on the clipboard".
ツールチップの例
ツールチップとボタンのスタイル
ツールチップに互換性のないボタン
リクエスト・ハンドラの最適化
目的
アプリの安定性を確保し、ページ公開の効率を向上させます。
実施
- アプリの安定性を確保するため、APIにレート制限を適用する。
- Shopify GraphQLを使用して公開ページを最適化する
- より良いトラブルシューティングのために、Shopifyの返されたエラーコードに基づいてユーザーフレンドリーなエラーメッセージを表示します。
分割テーマアプリ拡張ヘルパーファイル
目的
初期ロード時間の短縮と知覚されるパフォーマンスの向上
実施
- PageFly Theme App Extension Helper Fileを複数のファイルに分割し、ライブビューのPageFly要素に必要なファイルのみを読み込みます。
Shopifyテーマのフォントを使う
目的
- 統一感のあるルック＆フィールのために、店舗のデザインに合わせる 。
- 追加のフォントファイルを読み込む必要性を減らすことで、パフォーマンスを向上させます。
実施
- ShopifyテーマのフォントをPageFlyエディタから直接選択できるカテゴリを追加しました。
- 選択したShopifyテーマのフォント設定は、自動的にPageFlyエディタで更新されます。
- Shopifyテーマのフォントに太字や斜体などの設定がすでに含まれている場合、これらのオプションはPageFlyエディタに表示されなくなります。
- Googleフォントに戻すと、テキストスタイルをカスタマイズする機能が復活します。
- グローバルスタイルのプロパティとエレメントにShopifyテーマのフォントを選択することができます。
- 各テーマは異なるテーマフォント設定を持っているので、テーマを切り替える前にShopifyテーマフォントを選択すると、自動的に新しいテーマのShopifyテーマフォントが適用されます。
例
現在のShopifyのテーマには、このBevanフォントを選びました。
テーマを切り替えると、自動的に新しいShopifyテーマのBarlowフォントが適用されます。
その他の最新情報
また、アプリのパフォーマンスを向上させ、より安全でシームレスなユーザーエクスペリエンスを保証するために、いくつかのバグや小さなセキュリティ上の問題も修正しています。
最終的な感想
PageFly 4.19.0のアップデートでは、Shopifyの魅力的でパフォーマンスの高いページを簡単に作成できるツールと機能を提供することを使命としています。
私たちのチームは、24時間365日、お客様をサポートすることに専念しています。
これまで同様、皆様のニーズに合わせてPageFlyの改善に努めてまいります。これまでのアップデートの詳細や、今後のリリースにご期待ください：
