公式LINEアカウントのリッチメニューの作り方と設定方法です
リッチメニューとはトーク画面の下に表示できるバナーのことです。
このリッチメニューは視覚に訴えるので
画像の上に文字を表示させるよりも
こういうスタイルや
画像と文字を分けたほうがわかりやすいです。
以前は他のアプリを使って画像の大きさ等を調整してからでないとできなかったのですが
公式LINEアカウントになってしばらくしてから作成しやすくなりました。
少し手間ですが慣れれば簡単。
①ホーム画面から「トークルーム管理」→「リッチメニュー」をクリック
②リッチメニューの「作成」をクリック
表示設定が開きます
①はタイトルは作成したリッチメニューのタイトルです。
任意でつけましょう。
利用者には表示されません。
②表示期間 リッチメニューを表示させたい期間を入力します。
メニューバー設定
この部分です
「メニュー」や「お知らせ」等好きなタイトルを表示できます
メニューのデフォルト表示
トーク画面にリッチメニューが自動で表示される設定です。
かならず「表示する」にしておきましょう
いよいよ作成です。
①「テンプレートを選択」
②表示させたい内容に合わせてテンプレートを選択します。
③画像の設定を選ぶ
画像を作成を選び
画像作成画面になったら下にある「画像をアップロード」を選ぶ
パソコンの中に入っている画像を選び「開く」をクリック
画像が挿入されました。
画像の大きさは自動調整されるのですが大きくしたいときや小さくしたいときは
下のアイコンで
画像の切り取りや左右に寄せたり、中央に揃えたり、上下に寄せたりすることができます。
今回は画像をそのまましようして下のスペースに文字を入力します
下のスペースの部分の色を変更します。
バケツのアイコンをクリックすると色がでてくるので任意の色を選びます
次に文字を入力します。
文字入力は「T」をクリック
枠ができるのでそこに文字を入力します。
大きさの調整は角にある「□」でドラッグして調整します
文字の色も変えられるので変更してみてくださいね。
完成したら「適用」をクリック
他2つも同様にします。
完成したら画像にリンクさせるページを設定します
タイプのところはページをリンクさせたいのなら「リンク」
クーポンをリンクさせたいのなら「クーポン」(あらかじめ作成しておいてください)
リンクさせたいものを選びます
今回は「アメブロマンツーマンレッスンのアメブロ」のページをリンクさせます・
リンクの下にアメブロのマンツーマンレッスンのページのURLをコピーして貼り付けます。
「アクションラベル」は設定の説明や概要を入れてください。OSの音声読み上げ機能に利用されます。
他2つも同様に設定します。
完成!
表示設定画面のところで
ステータスを「オン」にして表示期間を設定してあるので次回からはメッセージを配信したらトーク画面の下に表示されます
少し手間ですが慣れると簡単にできますので
いろいろとやってみてくださいね~
とても一人じゃできないわ~という方は
こちらのレッスンでおまちしております!
![?](https://stat100.ameba.jp/blog/ucs/img/char/char3/095.png)
![矢印](https://emoji.ameba.jp/img/user/sh/shokawan1271/2555962.gif)
![矢印](https://emoji.ameba.jp/img/user/sh/shokawan1271/2555962.gif)
![LINE](https://emoji.ameba.jp/img/user/st/stckn/4563116.gif)
お得なレッスン情報やお役立ち情報を発信しています。
IDで検索 ID:@utd1904y
https://line.me/R/ti/p/%40utd1904y
![友だち追加](https://scdn.line-apps.com/n/line_add_friends/btn/ja.png)
![音譜](https://stat100.ameba.jp/blog/ucs/img/char/char2/038.gif)
![パソコン](https://stat100.ameba.jp/blog/ucs/img/char/char2/184.gif)
![矢印](https://emoji.ameba.jp/img/user/sh/shokawan1271/2555962.gif)
![パソコン](https://stat100.ameba.jp/blog/ucs/img/char/char2/184.gif)
![矢印](https://emoji.ameba.jp/img/user/sh/shokawan1271/2555962.gif)
![LINE](https://emoji.ameba.jp/img/user/st/stckn/4563116.gif)
![矢印](https://emoji.ameba.jp/img/user/sh/shokawan1271/2555962.gif)
![パソコン](https://stat100.ameba.jp/blog/ucs/img/char/char2/184.gif)
![矢印](https://emoji.ameba.jp/img/user/sh/shokawan1271/2555962.gif)