メインコンテンツに移動
2019.11.27 更新

リッチメニューを新規作成する

  1. リッチメニューの新規作成を行います。
    「リッチメニュー」メニューを選択後「作成」をクリックし、新規作成画面に遷移します。

  2. 項目ごとに設定します。

     

    リッチメニュー

     

    番号 説明
    管理用のタイトルを設定できます。(ユーザーには表示されません)

    リッチメニューをユーザーの端末に表示する設定ができます。

    ステータスをオンにする場合は、表示期間を設定してください。

    ※ユーザーに表示できるリッチメニューはひとつだけです。期間が重複していると「反映する」の設定はできません。サーバー処理の問題上、ユーザー側に表示されるまでには時間がかかります。かかる時間は混雑状況やアカウントの友だち人数によって異なります。

    メニューバーに表示される文言の設定欄です。

    CreateNewRichMenu-image03.png

    ユーザーがトークルームに入室した際、自動でリッチメニューが表示される設定ができます。

     

     

  3. コンテンツを設定します。
    テンプレートを選択するとテンプレートに応じた数のアクションが設定できます。
    設定完了後、「保存」をクリックします。

     

    リッチメニューのコンテンツ

     

    番号 説明

    リッチメニューテンプレートを選択します。

    「デザインガイド」よりサイズを確認してください。

    テンプレートを選択することで、「リンク領域」を分割することができ、分割したエリアに対してそれぞれアクションを設定することができます(デザイン領域を分割するものではありません)。
    各テンプレートごとに画像を作成する際には「デザインガイド」をご参照ください。

    リッチメニューの画像をアップロードします。

    テンプレートの対応箇所にアクションを設定します。

    ※URL・クーポンを選択した場合、アクションラベルの入力も必須です。

    ※アクションラベルは最大20文字まで入力可能です。設定の説明や概要を入れてください。OSの音声読み上げ機能に利用されます。
    ※すべてを「アクションなし」にすることはできません。
    ※ユーザーの連打を誘発するような内容はお控えください。
    ※リッチメニューの反映には時間を要する場合があります。

    テンプレートに沿ってリッチメニューの画像を作成します。

     

  4. 設定後は「保存」をクリック。

    保存が完了するとリストで表示されます。リストのタイトルから再編集が可能です。

画像サイズのパターンについて

解像度や容量とのバランスによりアップロードできる画像サイズが6パターンあります。

アプリ内での表示縦横比はすべて同じのため、大きなサイズで制作・アップロードしたほうが高解像度端末でもきれいに表示させることができますが、画像容量が大きくなってしまうため、読み込みに時間がかかる可能性があります。

 

TemplateTypes-image03.png

 

※アプリ内の表示枠サイズは固定なので、小さめサイズを設定される場合、高解像度端末では画像が荒く見える可能性があります。

画像を作成する

④をクリックすると管理画面上で画像の作成が可能です。

 

リッチメニューの画像作成

 

番号 説明
編集内容のプレビューが表示されます。
分割エリアを選択すると、編集エリアで編集が可能になります。
画像の編集エリアです。
テンプレートの一つの分割エリアごとに表示されます。
リッチメニュー全体の画像を
アップロードできます。

編集機能アイコンです。
左から以下の操作が可能です。

      操作を一つ戻る、
      操作を一つ進む、 
      テキストを追加する、
      画像をアップロードする
      背景色を追加する
      枠線を追加する
      選択中のオブジェクトを削除する

編集した画像をファイルに保存します。

編集した画像が適用されます。

適用後は、画像の再編集およびファイルに保存ができません。
適用前に「ファイルに保存」を選択してください。

 

 

 

テキストを追加する

 

テキストを追加する

 

テキストを追加すると
編集フォームの「テキスト」内の入力・編集ができます。

 

アイコンでは左から以下の操作が可能です。

 

テキストを太くする
テキストを斜体にする
テキストに下線をひく
テキストの色を変更する
テキストの位置を左に揃せる
テキストの位置を左右の中央に揃える
テキストの位置を右に揃える
テキストの位置を上に揃える
テキストの位置を上下の中央に揃える
テキストの位置を下に揃える
テキストを背面に移動する
テキストを前面に移動する

 

画像をアップロードする

 

画像のアップロード

 

画像のアップロードを選択すると
任意の画像がアップロードできます。
アップロードした画像は分割エリア内でサイズの変更が可能です。

 

アイコンでは左から以下の操作が可能です。

 

画像の切り取りを行う(画像の切り取り後は再度切り取りのアイコンを押してサイズを確定します。)
画像の位置を左に揃せる
画像の位置を左右の中央に揃える
画像の位置を右に揃える
画像の位置を上に揃える
画像の位置を上下の中央に揃える
画像の位置を下に揃える
画像を背面に移動する
画像を前面に移動する
 

背景色を追加する

 

背景色の追加

背景色を追加するアイコンでは、背景色の変更が可能です。

 

アイコンをクリックし、任意の色を選択します。

 

 

枠線を追加する

 

枠線の追加

 

 

枠線の追加を選択すると分割エリアごとに枠線の追加が可能です。

 

アイコンでは左から以下の操作が可能です。

 

プルダウン枠線の太さが選択できます。

枠線の色の選択する
左枠線を追加する
上枠線を追加する
右枠線を追加する
下枠線を追加する
外枠を追加する