ページエディター - 全般タブ

[PageFlyエレメントの全般設定](https://help.pagefly.io/manual/elements-general-settings/ ‎ "General settings")では、PageFlyページをカスタマイズするためのユニークなオプションを提供します。

すべてのPageFlyエレメントに含まれるパラメーターグループは5つあります。この記事では、エレメントの全般設定の5つのパラメーターについて説明します：

コンテンツは、全般タブ設定 - エレメントの全般設定のパラメーターで、テキストの作成や編集、画像の選択などに使用されます。

アクションは、顧客がページを離れることなく、クリックによって他のリンク、セクションに素早くアクセスしたり、メールを送信したり、電話をかけたりするための設定を可能にするパラメーターです。

クリックオプションには、以下の選択肢があります：

クリックアクションの使用方法の詳細については、こちらの記事を参照してください。

以下の例では、段落エレメントを選択し、表示設定パラメーターがこのエレメントにどのように適用されるかを確認します。

表示設定とは？

この全般タブ設定 - エレメントの全般設定のパラメーターは、異なるデバイスでエレメントを非表示にしたい場合に役立ちます。

特定デバイスでエレメントを非表示にする選択が可能です：

表示設定の例

どのように機能するか見てみましょう。

この例では、「クリアランスセール 55% オフ」というテキストの段落エレメントをモバイルデバイスで非表示にします。単に、表示設定パラメーターのモバイルで非表示オプションを有効にする必要があります。

ノートPC、タブレットデバイスに切り替えても、段落エレメントはそのまま表示されます。

エレメントのHTMLコードのいくつかのネイティブ属性にカスタム値を設定して、後でカスタムCSS/JSコードで使用することができます。サポートされている属性は以下の通りです：

ネイティブ属性に加えて、より高度なカスタマイズのためにカスタム属性を定義することができます。

アニメーションとは？

ページをより魅力的にするために、エレメントにアニメーションを追加できるケースは2つあります。

各ケースには多くの選択肢があります。

詳細については、こちらのビデオチュートリアルをご覧ください：

アニメーションの例

アニメーションを削除する方法

ここでは、Xボタンをクリックするだけでアニメーションを削除できます。

1. 表示設定機能はライブビューでも機能しますか？

はい。ただし、その前にPageFlyページを保存して公開することを忘れないでください。

2. カスタム属性に任意の名前を使用できますか？

現在、有効な属性キーのみが受け付けられます。HTML属性リファレンスを確認してください。

Last updated 1 month ago

Was this helpful?