【Canvaで簡単】プロ並みのLINEリッチメニューの作り方
![](https://50storm-design.com/wp-content/uploads/2024/06/aafd3913dbf5b17cd32292a172a4dc6b.jpg)
LINE公式アカウントを運用する上で欠かせないリッチメニュー。でも、デザインスキルがないと、おしゃれで効果的なものは作れないと思っていませんか?
そんな悩みを解決してくれるのが、無料のデザインツール「Canva」です。豊富なテンプレートや素材を活用すれば、初心者でもプロ顔負けのリッチメニューを簡単に作成できます。
この記事では、Canvaを使ったLINEリッチメニューの作り方を、画像付きで分かりやすく解説します。Canvaを最大限に活用して、あなたのLINE公式アカウントをさらに魅力的にしましょう!
Canvaでリッチメニューを作る準備
まずは事前準備をしていきます。基礎的な内容ですが、きちんと理解しておかないと余計に時間がかかってしまう可能性があるので理解しておきましょう!
1. リッチメニューのレイアウトを決める
ご存知の方も多いかもしれませんが、LINEのリッチメニューのレイアウトは1つだけではありません。
大、小のテンプレートを合わせると合計で12種類のレイアウトがあります。まずはご自身がリッチメニューに乗せた対情報を整理しましょう。
例えば、私のLINE公式アカウントの場合は、
- 自己紹介
- ホームページ
- お問合せ
の3種類を載せたかったので以下の4分割のレイアウトを使用しています。
![](https://50storm-design.com/wp-content/uploads/2024/06/d7a162c7d5c512efcd51ee809e1160f8.jpg)
レイアウトは4分割ですが、上の段はリンクが貼られていないため、機能しているリンクは下段の3つだけです。
2. Canvaのアカウントを作る
Canvaの写真
レイアウトを決めたらCanvaのアカウントをこちらから作成してください。Canvaは有料版、無料版の2種類がありますが、無料版であっても使える機能は十分です。
まずは無料版でスタートしましょう。
3. リッチメニューの仕様(サイズ・形式)を理解しておく
今回はテンプレートを使用するので深く理解する必要はありませんが、リッチメニューを作る時の画像サイズ、画像形式をあらかじめ理解しておきましょう。
解像度中がサイズ的にもオススメです。
サイズ大
- 【解像度高】2,500px ✕ 1,686px
- 【解像度中】1,200px ✕ 810px
- 【解像度小】800px ✕ 540px
サイズ小
- 【解像度高】2,500px ✕ 843px
- 【解像度中】1,200px ✕ 405px
- 【解像度小】800px ✕ 270px
画像形式はJPG、JPEG、PNGのいずれかで、サイズは1MB以下で作成する必要があります
Canvaでリッチメニューを作る方法
それではいよいよCanvaを使ってリッチメニューを作っていきます。
![](https://50storm-design.com/wp-content/uploads/2024/06/step1-edited.png)
![](https://50storm-design.com/wp-content/uploads/2024/06/step2-edited.png)
![](https://50storm-design.com/wp-content/uploads/2024/06/step3-edited.png)
![](https://50storm-design.com/wp-content/uploads/2024/06/step4-edited.png)
今回は美容室用の無料テンプレートを選択しました。王冠マークのあるものは有料プランでしか使えないものなので、それ以外を選択するようにしてください。
デザインにこだわりのある人は有料プランを選択しても良いでしょう。
![](https://50storm-design.com/wp-content/uploads/2024/06/step5.png)
![](https://50storm-design.com/wp-content/uploads/2024/06/step6.png)
![](https://50storm-design.com/wp-content/uploads/2024/06/step7-edited.png)
![](https://50storm-design.com/wp-content/uploads/2024/06/step8-edited.png)
![](https://50storm-design.com/wp-content/uploads/2024/06/step9-edited.png)
以上でリッチメニューの作成は完了です。
次は実際にLINE公式アカウントへ作成したリッチメニューをアップします。
Canvaで作成したリッチメニューをLINE公式アカウントへ設置する方法
今度は作成したリッチメニューをLINE公式アカウントへ設置します。
1. 「リッチメニュー」をクリック
![「リッチメニュー」をクリック](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/d476bcce-3fc0-4855-8655-747d090f0ee3/1c61282e-0c1d-4d6f-956a-157b4f9f5815.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.1216&fp-y=0.6335&fp-z=2.0740&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=76&mark-y=528&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz00NTMmaD04OSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
2. 「リッチメニューを作成」をクリック
![「リッチメニューを作成」をクリック](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/9200df53-0c3d-45ce-8c4b-ba817483ab49/f4407284-6a05-4c92-afda-47711c8ba143.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.6067&fp-y=0.5056&fp-z=2.1382&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=385&mark-y=520&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz00MzAmaD0xMDQmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
3. タイトルを入力
![タイトルを入力](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/9002c5a6-bb49-4556-bef4-127c6582d71c/2b4ac1f9-dad3-40e3-9add-e220a849c850.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.6090&fp-y=0.3273&fp-z=1.5865&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=144&mark-y=539&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz05MTEmaD02NSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
4. リッチメニューを表示する期間を入力
![リッチメニューを表示する期間を入力](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/0c6990f5-3188-46f3-87db-625e52cb3d90/b64cc606-92c2-4cfc-bdf4-2740cc5fa3e0.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.4200&fp-y=0.5068&fp-z=2.0134&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=495&mark-y=537&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz03NCZoPTc0JmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)
5. テンプレート右横の「選択」をクリック
![テンプレート右横の「選択」をクリック](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/d1531df2-a434-45b9-b240-3c5fc7895067/16796dda-e7e9-4d06-aa58-ab54463b0e36.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.6262&fp-y=0.5427&fp-z=1.8671&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=654&mark-y=567&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0xMDkmaD03NyZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
6. テンプレート「大」の一番上、右から2番目を選択
![テンプレート「大」の一番上、右から2番目を選択](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/ddcd1118-5bc9-4533-aec5-934a0354bae1/feee5f58-35f4-45f3-9bb7-0cbf4a40e906.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.5260&fp-y=0.4361&fp-z=1.5153&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=543&mark-y=411&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0xNzcmaD0xNDMmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
7. 「選択」をクリック
![「選択」をクリック](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/9a83c3ff-cf08-42b9-b6cc-03beb189afbd/df18d038-a723-4202-bc30-e36dc8021437.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.5297&fp-y=0.6678&fp-z=1.8671&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=568&mark-y=674&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0xMDkmaD03NyZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
8. 画像横の「設定」をクリック
![画像横の「設定」をクリック](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/ab8568e3-7c4b-478c-9b3a-3eab2962b675/cf8a93c7-7382-4a68-b90e-22a00e2b65ea.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.5903&fp-y=0.5761&fp-z=1.3120&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=695&mark-y=625&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0xOTkmaD0xOTkmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
9. 「背景全体の画像をアップロード」をクリック
![「背景全体の画像をアップロード」をクリック](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/30e92f86-b952-485a-8a2c-78d7adf1b1bd/e0d5d95a-d237-49d4-951a-9ab42a1b761c.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.4784&fp-z=1.3913&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=235&mark-y=508&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz03MzAmaD0xMjkmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
Canvaで作成したリッチメニューの画像を選択します。
10. 「適用」をクリック
![「適用」をクリック](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/a8ede818-43fd-4617-a321-51601350fe83/b309777a-42e7-45a6-b8fd-c5aa5f133af2.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.6361&fp-y=0.4615&fp-z=2.0000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=937&mark-y=213&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0xMTcmaD04MiZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
11. さらに「適用」をクリック
![さらに「適用」をクリック](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/875e96be-6d4c-4159-96f2-bf1a5f1a8d8c/ac00f29c-0bec-4777-8eb5-cf0805085540.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5358&fp-z=2.1845&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=592&mark-y=867&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz00MTQmaD0xMDYmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)
12. 各パーツにアクションを設定したら「保存」をクリック
![各レイアウトにアクションを設定したら「保存」をクリック](https://images.tango.us/workflows/6d2c4b6f-47c4-4917-a120-0b83ca25e942/steps/cd806966-811e-47ec-99b2-c9d8f9dff459/173014a5-ce23-4cbc-91f2-576574e3078b.png?fm=png&crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&blend-align=bottom&blend-mode=normal&blend-x=0&blend-w=1200&blend64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmstdjIucG5n&mark-x=722&mark-y=915&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz0xMzAmaD00OCZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)
以上でリッチメニューの設定は完了です。最初は少しむずかしく感じるかもしれませんが、一度やってしまえば簡単ですよね。
![](https://50storm-design.com/wp-content/uploads/2024/06/IMG_3263-scaled.jpeg)
Canvaには他にも無料で使えるテンプレートがいろいろあるので、ご自身のビジネスにあったものを探してみてください!
Canvaで作る!おしゃれなリッチメニューのデザイン事例
Canvaのテンプレートで作れるリッチメニューを集めたのでご紹介します。有料版のテンプレートも含んでいるため、あらかじめご了承ください。
1. 飲食店
![](https://50storm-design.com/wp-content/uploads/2024/02/08cfcee046f4bcc660be05380c933a2c-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/08cfcee046f4bcc660be05380c933a2c-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/f5e26dd07faf8cd87d113a9828a1180f-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/f5e26dd07faf8cd87d113a9828a1180f-1024x691.jpg)
2. ジム
![](https://50storm-design.com/wp-content/uploads/2024/02/da552638b55122d077da37f27f01dbc1-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/da552638b55122d077da37f27f01dbc1-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/0362f3d2d4f49fce927b4dee550f50d5-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/0362f3d2d4f49fce927b4dee550f50d5-1024x691.jpg)
3. 宿泊施設
![](https://50storm-design.com/wp-content/uploads/2024/02/5f93a0fdfba2de4f393615df2c8d2dc0-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/5f93a0fdfba2de4f393615df2c8d2dc0-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/9e9c28ee63f96d04056eb086c3875ada-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/9e9c28ee63f96d04056eb086c3875ada-1024x691.jpg)
4. 士業
![](https://50storm-design.com/wp-content/uploads/2024/02/2a23d3f58d3cfa6cd7e918cc7649fe3a-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/2a23d3f58d3cfa6cd7e918cc7649fe3a-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/24635010d0711f27b040b5b2066bb57a-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/24635010d0711f27b040b5b2066bb57a-1024x691.jpg)
5. サロン
![](https://50storm-design.com/wp-content/uploads/2024/02/e62183438af8bf9440f47c071a31759c-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/e62183438af8bf9440f47c071a31759c-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/803ce2dbb80fab4ce662002b66cab0e5-1024x691.jpg)
![](https://50storm-design.com/wp-content/uploads/2024/02/803ce2dbb80fab4ce662002b66cab0e5-1024x691.jpg)
上記のようなテンプレートが初心者でも簡単に作れてしまいます。月1000円程度の有料版であれば選択肢も広がるので、「おしゃれなテンプレートが欲しい!」という方は検討してみてください。
Canvaでリッチメニューを早速作ってみよう
Canvaを使えば、デザインの知識や経験がなくても、魅力的なLINEリッチメニューを簡単に作成できます。豊富なテンプレートや素材を活用し、自社のブランドイメージやターゲット層に合わせたデザインで、ユーザーの行動を促すリッチメニューを作成しましょう。
この記事で紹介したステップやデザイン事例を参考に、Canvaでオリジナルのリッチメニューを作成し、LINE公式アカウントの運用をさらに効果的にしてみてください。