PageFlyをモバイルで使用する方法

PageFlyモバイルエディターについて

PageFlyエディターはモバイル機能が大幅に進歩し、モバイルデバイスで直接ページを編集できるようになりました。この機能は、外出先でストアを柔軟に管理したいShopifyマーチャントにとって特に便利です。PageFlyをモバイルで効果的に操作する方法をご紹介します。

PageFlyモバイルエディターへのアクセス方法

モバイルデバイスでPageFlyエディターにアクセスするには:

  • Shopify管理画面を開きます。

  • PageFly Page Builderアプリに移動します。

  • 新しいページを作成するか、既存のページを編集できます。

PageFlyモバイルエディターの設定方法

以前はノートパソコンで利用可能だったほとんどのページ編集機能は、現在モバイルデバイスで完全に機能します。PageFlyのモバイルエディターでは、次のことが可能です:

デザイン済みテンプレートからページを構築

要素の追加、編集、移動、複製、削除

ページ設定の調整(例:商品ソースの選択)

その他、基本的な調整として:

  • 要素間でスタイルをコピー&ペーストできます。

  • デスクトップと同様に、変更をライブでプレビューして公開できます。

ベストプラクティス

モバイルでPageFlyエディターを使用する際に、スムーズで効率的なエクスペリエンスを確保するために、以下のベストプラクティスに従ってください:

1. 見出し/ボタンの編集(画像のみの場合)

キャンペーンを実施中でコンテンツを緊急に更新する必要がある場合、モバイルで直接見出しやボタンを簡単に編集できるようになりました。例えば:

  • モバイルデバイスでPageFlyエディターを開きます。

  • 見出しまたはボタン要素をタップします。

  • 必要に応じてテキストまたは画像を更新します。

  • 変更をすぐに保存して公開します。

この柔軟性により、ノートパソコンがなくても外出先でリアルタイムの調整を行うことができます。

2. モバイルでのカスタムコードの追加

グラデーションカラーのテキストやアニメーションなどの高度なカスタマイズを適用したいですか?モバイルでできるようになりました。方法は以下の通りです:

  • PageFlyエディターを開き、カスタマイズしたい要素を選択します。

  • 要素設定の「カスタムコード」セクションをタップします。

  • グラデーションテキスト用のCSS (background-clip: text;) やアニメーション用のJavaScriptなどのコードスニペットを追加します。

  • 変更をライブでプレビューし、すべてが意図通りに機能することを確認します。

  • 更新内容を保存して公開します。

3. レスポンシブ対応のテスト

編集後、**「プレビュー」**オプションを使用してモバイルでのページの表示を確認します。これにより、あらゆる画面サイズでページが視覚的に魅力的で機能的であることを確認できます。

4. モバイルではシンプルに

モバイルで作業する際は、迅速かつ重要な編集に焦点を当てます:

  • 小さな要素(例:見出し、ボタン、画像)の追加または修正に留めます。

  • 新しいページを構築する場合は、テンプレートを使用して時間を節約します。

  • 絶対に必要な場合を除き、複雑すぎるカスタマイズは避けてください。デスクトップの方が管理しやすいからです。

よくある質問

1. すべてのデスクトップ機能がPageFlyモバイルエディターで利用可能ですか?

はい、以前はノートパソコンで利用可能だったほとんどのページ編集機能は、要素の追加、編集、移動、複製、削除を含め、現在モバイルデバイスで完全に機能します。

2. モバイルでPageFlyを使用する際に制限はありますか?

ほとんどの機能が利用可能ですが、お使いのデバイスによってエクスペリエンスが若干異なる場合があることに注意してください。

3. 保存して公開し、モバイルでプレビューとライブページを確認できますか?

はい、もちろんです!PageFlyモバイルエディターでは、モバイルデバイスから直接進行状況を保存し、変更を公開できます。**「プレビュー」**機能を使用して、公開前にページがライブでどのように表示されるかを確認することもできます。

Last updated

Was this helpful?