カスタマイズのプロパティ
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
プロパティへのアクセス
- 要素のプロパティバーを表示するには、要素名の横にある［プロパティアイコン］をクリックします。
アニメーション
ランディングページにアニメーションを追加すると、視覚的な魅力が高まり、注目を集め、訪問者をコンテンツへスムーズに誘導できるため、ユーザー体験が向上します。また、主要な機能を強調し、エンゲージメントを高め、ランディングページの直帰率を下げるのにも役立ちます。
- ［アニメーションのプロパティ］タブでは、アニメーションの種類と再生時間を選択できます。アニメーションを繰り返し再生する場合は、繰り返しアニメーションを有効にできます。また、アニメーションをプレビューして、要素に適した種類を選択することもできます。
カスケーディングスタイルシート
ランディングページでCSSを使用すると、さまざまな利点があります。ランディングページのレイアウト、色、フォントを調整できるため、視覚的な魅力が高まります。また、CSSを使用すると、スタイルを一括で変更でき、繰り返し記述するコードを減らせます。
- ［CSSのプロパティ］タブで、［CSS編集画面を開く］をクリックし、ページのCSSを入力します。/element. 要素のみに特定のスタイルを適用するには、表示された項目に必要なクラス名を入力します。
デバイスでの表示
ランディングページの要素をデバイスごとに有効または無効にすると、関連性が高く最適化されたコンテンツだけを表示できるため、ユーザー体験の向上に役立ちます。これにより、不要な表示を減らし、デバイスに応じてユーザーに最適化された効率的な閲覧環境を提供できます。
- ［デバイスでの表示］タブでは、各アイコンをクリックして、モバイル、デスクトップ、タブレットのユーザーに対する要素の表示と非表示を切り替えられます。
JavaScript
ランディングページでJavaScriptを使用すると、動的なコンテンツや魅力的なアニメーションによってインタラクティブ性を高められます。また、ユーザーの行動に基づいてコンテンツをカスタマイズし、出し分けることもできます。
- ランディングページにカスタムスクリプトを追加するには、ランディングページ作成画面の上部バーにある［設定アイコン］をクリックします。
- 設定メニューで、［スクリプトを追加する］タブをクリックし、ランディングページに必要なスクリプトを入力します。
- ［JavaScriptのプロパティ］タブでは、項目に関数名を入力して、要素に指定した関数を適用できます。また、関数を呼び出すタイミングを指定するには、［イベントの種類］を選択します。