Block UI Editorとは、2つのパネルとプレビュー画面を用い、Block UIを直感的に操作できる管理画面です。

左側パネルでは、レイヤータブ・追加タブを操作できます。

メインスペースにおけるレイヤー操作や、ブロックの追加などが可能です。

右側パネルでは、レイヤータブに追加されている各ブロックへのコンテンツの設定を行えるコンテンツタブ、デザインを調整するスタイルタブ、タイマー設定やブロック固有の設定をするその他タブが操作できます。

Block UIでは、用途や機能に合わせて豊富なデザインの中から選択できるページテンプレートをご用意しています。

テンプレートを活用することで、高いクオリティのアプリを簡単に制作することが可能です。

1. 右上のボタンをクリックし、「ページテンプレート変更」を選択します。
   
2. ページテンプレート一覧が表示されるので、テンプレートを選択し「テンプレート変更」ボタンを押下すると、選択したテンプレートがCMSに反映されます。
   

ご注意

• ページテンプレートを変更すると、それまでの編集内容は全て破棄され、上書き保存されるのでご注意ください。

更新履歴

• 2024年5月24日 本ページ公開

スペースとは、画面内の領域を示します。

BIock Ulではこのメインスペースの中でさまざまなブロックを組み合わせてページを作ることができます。

デザイン設定以外の背景を個別に設定することも可能です。

API設定とは、Yappli外のAPIからデータを取得し、アプリ内に表示させることができる機能です。
本機能はオプション機能となります。
ご利用いただく場合はオプション契約、またヤプリ社員による設定が必要です。

ご利用をご検討の際は、カスタマーサクセス担当者までご連絡ください。

シングルページに画像を設定する際、あわせて代替テキストの設定が可能です。

代替テキストは基本ブロック、レイアウトブロックの直接入力、ポイントカードブロックの画像に対して設定できます。

端末で読み上げを行う機能がONになっている場合に、アプリ上で画像を選択すると代替テキストを読み上げます。

ヒント

• 代替テキストは80文字以内を目安に設定ください。
• 端末に搭載されているスクリーンリーダーであるVoiceOver、TalkBackを有効にすることで設定した代替テキストを読み上げます。
• リンクがない場合は画像として「代替テキスト」、リンクがある場合はボタンとして「代替テキスト+ボタン」と読み上げます。読み上げの文言はOSによって差がございます。
• カルーセルブロックで自動スクロールがONの場合、読み上げ中でもコンテンツが変わってしまうため、アクセシビリティを重視する場合はOFFを推奨します。

ご注意

• 端末やユーザーの設定によって、一部の記号や文字の読み上げ方が異なる場合があります。
• データ参照の場合はデータ元を読み上げるので設定できません。

更新履歴

• 2025年4月10日　本ページ公開