フォローする

「ポップアップ」のデザイン案投稿方法

 

概要

このページでは、「ポップアップ」テストにおける、デザイン案の投稿方法について記載します。

「ポップアップ」テストの概要については、「ポップアップ」テストについて をご確認ください。

 

「ポップアップ」デザイン案の投稿方法

「ページ修正」用のUIエディターではなく、ポップアップ用のUIエディターを使ってデザイン案を制作・投稿します。

ポップアップ用のUIエディターは、ポップアップエクスペリエンスの右上、「ポップアップを投稿する」より起動できます。

 

 

ポップアップエディターの利用方法

ポップアップエディターでは JavaScript や CSS を記述することなく、画像のアップロードと設定項目の選択によってデザイン案を制作することができます。

 

①表示位置の設定

9つの中から表示位置を選択します。

 

②サイズの設定

ポップアップを表示する領域のサイズを指定します。

 

③表示画像のアップロード

ポップアップで表示する画像をアップロードします。
画像のサイズは上述の表示領域サイズと一致させる必要はありません。サイズが異なっている場合は、表示領域にフィットして表示されます。
モバイル向けサイトの場合は、表示領域の2倍のサイズの画像を使うとクリアに表示させることができるでしょう。

 

④アニメーションの設定

ポップアップの表示時と閉じるボタン(「☓」ボタン)で非表示にする際のアニメーションを指定します。

アニメーションは、画面右上の 「▶」ボタンで確認することができます。

 

⑤閉じるボタンのデザイン設定

閉じるボタン(「☓」ボタン)のデザインを変更できます。

 

 

投稿後の審査

「ポップアップ」テストでは、HTMLソースコードを編集することがないことから、「ページ修正」のテストと異なり、デザインチェックおよびコードチェック等の審査はありません。

 

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

0 コメント

記事コメントは受け付けていません。