Printifyでカタログを拡大しましょう!Shopifyに接続し、1300以上の製品にアクセスし、利益を得始めましょう。 無料サインアップ

クレジットカード不要でShopifyのトライアルまたはPageFlyをお試しいただけます。

Shopifyのトライアルを開始する PageFlyを無料でお試しください。PageFlyを無料でお試しください。

目次

PageFly 4.15.0:コンテンツ読み込みの強化、タブ要素、メディアマネージャーなど

当社の事業は、アフィリエイトから得られるコミッションによって支えられています。 詳細.

こんにちは、

ページフライチームのリチャードです!この度、PageFlyバージョン4.15.0をリリースいたしました!このアップデートでは、ストアのパフォーマンスを向上させ、全体的なユーザーエクスペリエンスを改善するために、いくつかの重要な機能強化が行われています。

ソーシャルエレメントやビデオエレメントの新しい読み込み設定から、Tabエレメントやメディア管理の大幅な改善まで、今回のアップデートには、より良いページ作りに役立つ機能が満載です。PageFly 4.15.0の新機能の詳細をご紹介します。

Instagram、Facebook、Twitterのソーシャルエレメントの読み込み設定を改善

今回のアップデートでは、Instagram、Facebook、Twitterのソーシャルエレメントに新しい「コンテンツ読み込み」設定を追加し、これらのエレメントがページに読み込まれるタイミングをコントロールできるようになりました。

旧バージョン

旧バージョンのツイッター・エレメンツ

新バージョン

新バージョン ツイッター・エレメンツ
  • レイジーローディング:ソーシャルエレメントは、ユーザーのビューポートに入ったときにのみロードされます。コンテンツのロードには数秒かかります。
  • 標準ローディング:この設定では、ページがロードされると同時にソーシャルエレメントがロードされ、コンテンツがすぐに表示されるため、ユーザーエクスペリエンスが向上します。

YouTube、Vimeo、HTML動画要素の読み込み設定の改善

ソーシャルエレメントと同様に、YouTube、Vimeo、HTMLビデオエレメントにも「コンテンツ読み込み」設定を導入し、パフォーマンスを向上させています。

旧バージョン

旧バージョン HTML動画要素

新バージョン

新バージョン HTML動画要素
  • レイジー・ローディング:動画はユーザーのビューポートに入ったときにのみロードされます。動画のロードには数秒かかります。
  • 標準ローディング:ページの読み込みと同時に動画がロードされ、訪問者にシームレスな視聴体験を提供します。

タブ要素の改善

今回のアップデートでは、レイアウトのずれを減らし、ライブビューでの読み込み速度を向上させることを中心に、Tab要素の大幅な最適化が行われた。

  • ヘッダーレイアウトの改善2つの新しいヘッダーレイアウトオプションを追加しました:タブの表示方法をより柔軟に変更できます。
ヘッダーレイアウトの改善
  • メニュー幅の設定:タブヘッダーが左または右に配置されているときの幅を設定できる新しいパラメータが追加されました。
メニュー幅の設定
  • ドロップダウンレイアウトのテキスト切り捨て:ドロップダウン レイアウトを使用する場合、長いタブ ヘッダーは自動的に切り捨てられ、すっきりと整理された外観になります。
ドロップダウンレイアウトでのテキストの切り捨て
  • ドロップダウン レイアウトの自動スクロール:ライブビューで、タブ要素がページの下にある場合、ドロップダウンボタンをクリックすると、要素が自動的に上にスクロールされ、選択しやすいようにメニューが完全に表示されます。
ドロップダウンレイアウトの自動スクロール:
  • デバイス用のデフォルトレイアウトオプション:すべてのプラットフォームで最適な視聴体験を保証するために、さまざまなデバイス用のデフォルトレイアウトオプションを追加しました。

デスクトップとラップトップのデバイスでは、タブ要素のヘッダーレイアウトは自動的にWrapに設定されます。

デバイスのデフォルトレイアウトオプション

タブレットやモバイルデバイスでは、タブ要素のヘッダーレイアウトは自動でスクロールに設定されます。

モバイル機器のデフォルトレイアウトオプション

    メディア・マネージャーの改善

    メディアマネージャーをいくつか強化し、サイト全体で画像やビデオを扱う方法を改善しました。

    • パラメータの更新画像要素、HTML動画、全要素の背景画像など、メディアマネージャー機能に関連するパラメータを更新しました。 

    旧バージョン

    旧バージョンでは、Shopifyでアップロードした画像を選択するか、新しい画像をアップロードして使用することしかできません。

    パラメーター更新 古いバージョン
    旧画像背景バージョン

    新バージョン

    新しいバージョンでは、アップロードされた画像を選択する以外に、Shopifyの無料ソースから無料の画像を選択することができます。

    新しい画像の背景
    新しいShopifyのイメージ2
    • 画像選択モーダル:画像選択モーダルが更新され、Shopifyの無料画像ソースと統合されました。
    画像選択モーダル

      ブログ記事ページ設定の改善

      ブログ記事ページの設定を効率化するため、古くなったオプションを削除し、機能性を向上させる新しい要素を導入しました。

      ブログ記事ページ設定の改善
      • 設定の削除:ページ設定のブログ記事ページに関するオプションが削除されました。
      • ブログ記事ページの設定(コメント、タグなど)がすでに有効になっている場合、これらの設定の代わりに新しい要素を使用するよう通知がユーザーに通知されます。これらの設定はページが保存された後に削除されます。
      • これらの設定を使用していないブログ記事ページについては、自動的に削除されます。

      メジャーアップデートとメンテナンスモードの新しい仕組み

      メジャーアップデート時のスムーズな操作性を確保するため、ユーザーへの通知とアプリのメンテナンスモードを有効にする新しい仕組みを導入しました。

      • フェーズ1 - メンテナンス前:ユーザーのブラウザに、メンテナンスの予告ポップアップが表示されます。これにより、現在のタスクを保存してアプリを終了するようアドバイスされます。
      メジャー・アップデートの新しい仕組み 1
      メジャー・アップデートの新しい仕組み 2
      • フェーズ 2 - メンテナンス中:リリース期間中はアプリが無効となり、アップデートが完了するまでお客様はアプリにアクセスできなくなります。

        最終的な感想

        PageFly 4.15.0のアップデートにより、Shopifyの魅力的なページを簡単に作成・管理できるようになりました。

        いつものように、私たちのチームは24時間365日体制でお客様をサポートいたしますので、お気軽にこれらの新機能に飛び込み、その利点を探求し、お客様のためにどのように機能するかをお知らせください。

        私たちは、皆様からのフィードバックとニーズに基づき、PageFlyの継続的な改善に取り組んでいます。

        PageFlyの過去のアップグレードについては、PageFlyブログをご覧ください。最新のバージョンアップにご期待ください:

        今すぐ探す