ページエディター - 全般タブ
Last updated
Was this helpful?
Last updated
Was this helpful?
[PageFlyエレメントの全般設定](https://help.pagefly.io/manual/elements-general-settings/ "General settings")では、PageFlyページをカスタマイズするためのユニークなオプションを提供します。
すべてのPageFlyエレメントに含まれるパラメーターグループは5つあります。この記事では、エレメントの全般設定の5つのパラメーターについて説明します:
コンテンツ
アクション
表示設定
属性
アニメーション
コンテンツは、全般タブ設定 - エレメントの全般設定のパラメーターで、テキストの作成や編集、画像の選択などに使用されます。
アクションは、顧客がページを離れることなく、クリックによって他のリンク、セクションに素早くアクセスしたり、メールを送信したり、電話をかけたりするための設定を可能にするパラメーターです。
クリックオプションには、以下の選択肢があります:
URLに移動
ポップアップを開く
セクションへスクロール
メールを送信
電話をかける
以下の例では、段落エレメントを選択し、表示設定パラメーターがこのエレメントにどのように適用されるかを確認します。
表示設定とは?
この全般タブ設定 - エレメントの全般設定のパラメーターは、異なるデバイスでエレメントを非表示にしたい場合に役立ちます。
特定デバイスでエレメントを非表示にする選択が可能です:
デスクトップで非表示
ノートPCで非表示
タブレットで非表示
モバイルで非表示
表示設定の例
どのように機能するか見てみましょう。
この例では、「クリアランスセール 55% オフ」というテキストの段落エレメントをモバイルデバイスで非表示にします。単に、表示設定パラメーターのモバイルで非表示オプションを有効にする必要があります。
ノートPC、タブレットデバイスに切り替えても、段落エレメントはそのまま表示されます。
エレメントのHTMLコードのいくつかのネイティブ属性にカスタム値を設定して、後でカスタムCSS/JSコードで使用することができます。サポートされている属性は以下の通りです:
HTML ID
HTMLクラス
ネイティブ属性に加えて、より高度なカスタマイズのためにカスタム属性を定義することができます。
アニメーションとは?
ページをより魅力的にするために、エレメントにアニメーションを追加できるケースは2つあります。
表示された時: 訪問者が最初にエレメントを見たときに適用するアニメーションを選択します。
マウスオーバー時: 訪問者がエレメントの上にマウスを移動させたときに適用するアニメーションを選択します。
各ケースには多くの選択肢があります。
詳細については、こちらのビデオチュートリアルをご覧ください:
アニメーションの例
アニメーションを削除する方法
ここでは、Xボタンをクリックするだけでアニメーションを削除できます。
1. 表示設定機能はライブビューでも機能しますか?
はい。ただし、その前にPageFlyページを保存して公開することを忘れないでください。
2. カスタム属性に任意の名前を使用できますか?
クリックアクションの使用方法の詳細については、こちらのを参照してください。
現在、有効な属性キーのみが受け付けられます。を確認してください。