サイトへ戻る

「Canva」を使ったLINE公式アカウントのリッチメニューの作り方

無料で使えるグラフィックデザインツール「Canva」を使って

· ウェブ活用

2021/08/11追記

「Canva」で、リッチメニューのテンプレートが追加されています。

以下の作業、ほぼ不要ですよー!

-----

LINE リッチメニュー

スマホでの作成方法をご案内しようと思いましたが、仕上がりが雑になったので、今回はパソコンでの方法をご案内いたします。

「リッチメニュー」「リッチメッセージ」を使ったら、申し込みが以前の1.2〜1.5倍増えましたので、ぜひぜひ使ってみてください。

Canva」を使わなくても、「LINE公式アカウント」アプリには「デフォルト画像」が用意されているので、シンプルなメニューでよければ、スマホで超カンタンに作れます!

追加したいメニュー数によって、選ぶテンプレートが異なりますので、まず、メニューに追加したいコンテンツを決めておいてください。

そのうえで、「LINE公式アカウント」の管理画面を開きます。

画面左側のメニューから、ホーム > トークルーム管理 > リッチメニューを開きます

「LINE公式アカウント」あいさつメッセージ画面

リッチメニューのページで、下図のように、右上の「作成」をクリックします。

「LINE公式アカウント」リッチメニューのページ画面

コンテンツ設定の「テンプレートを選択」をクリックします。

「LINE公式アカウント」テンプレート選択画面

下図のように、いろいろなテンプレートが用意されています。

「LINE公式アカウント」テンプレート選択画面

「Canva」を使用しない場合は、この中でメニュー数にあったテンプレートを選び、「選択」をクリックするとそのまま作れるのですが、今回は「Canva」を使用するので、一旦「キャンセル」して、テンプレートのダウンロードへ進みます。

キャンセルして、元のページに戻り、画面右上の「デザインガイド」をクリックします。

「LINE公式アカウント」コンテンツ設定画面

すると、テンプレートのダウンロードができるページが開きます。

テンプレートは全種類一括ダウンロードされますが、[Medium] 多くの一般的な端末向けです。と書かれているとおり、[Medium]から選ぶのが無難です。

「LINE公式アカウント」デザインガイド画面

テンプレートをダウンロードします。

ダウンロードしたら、作りたいレイアウトを選んで開いてみてください。横幅と高さのサイズが記載されているので、控えておいてください。

broken image

ここまでできたら、一旦「LINE公式アカウント」での作業は終わり、次は無料で使えるグラフィックデザインツール「Canva」での作業となります。

「Canva」にログインしたら、画面右上の「デザインを作成」をクリックし、右下の「+」のアイコン、カスタムサイズをクリックします。

broken image

空欄に数字を入力すると、「新しいデザインを作成」の色が変わり、クリックできるようになります。ので、今回は1200405を入力します。

新しいデザインを作成」クリックします。

broken image

画面の左がメニュー、右が白いキャンバスになります。

メニューから「アップロード」をクリックし、

broken image

メディアをアップロード」をクリック

broken image

先ほど、「LINE公式アカウント」でパソコンに保存したテンプレートを使用するので、「デバイス」を選択

broken image

ご自身のパソコンの保存場所から、予め選んでおいたテンプレート画像をクリックして、「アップロード」します。

アップロードされたら、左の画像の中に表示されますので、マウスで画面右側の白いエリアにゆっくりとドラッグします。

broken image

画面右側の白いエリアに表示されます。テンプレートにした画像をクリックすると、上にメニューが現れるので、

broken image

右から3番目の「市松模様のようなアイコン」をクリックして「透明度」を下げ、限りなく薄くします。

broken image

左メニューの「素材」をクリックし、四角い図形を挿入します。たくさんの種類がありますので、見たい場合、「すべて表示」をクリックします。

broken image

マウスをオンすると「無料」という文字が表示される図形は、無料プランで使用できます。

broken image

使用したい図形をクリックすると、左側の作業スペースに配置されますので、

broken image

大きさを調整し、3回繰り返します。(メニューが3つの場合)

broken image

それぞれの図形をお好みの色に変更します。図形を選択した(水色で縁取られている)状態で、上部にあるカラーのアイコンをクリックします。

broken image

好きなカラーをクリックすると、反映されます。「デフォルトカラー」にない場合は、左上の虹色に囲まれた「+」のアイコンをクリックし、選択します。

broken image

3つの色を調整しました。

broken image

次に文字を入れます。

左メニューの「テキスト」をクリックし、「見出しを追加」をクリックします。

上部にフォントスタイル(字体)大きさ、色、位置など、変更できる項目がありますので、お好みに合わせて、装飾できます。

broken image

エフェクトでは縁取り文字・影付き文字も可能です。

文字を3種類追加したら、3つのテキストを選択して、右上の「配置」から整列させます。

broken image

次にお好みでイラストを追加します。

左メニューの「素材」を選択し、上部検索キーワード欄に「お問い合わせ」など、キーワードを入力すると、絞り込むことができます。

各素材には、小さく「無料」や「👑(王冠)」が表示されていますが、「👑(王冠)」はCanva Pro という有料プランの場合、利用できます。

broken image

お好みの「素材」を配置できたら、右上の「ダウンロード」からパソコンにダウンロードします。

broken image

ここから「LINE公式アカウント」に戻って作業をすすめます。

トークルーム管理 > リッチメニュー を開き、「タイトル」と「表示期間」を入力し、「テンプレートを選択」します。

broken image

そのあと、「背景画像をアップロード」をクリックし、「Canva」で作成した画像をアップロードします。

broken image

アップロードしたら、空欄に入力します。「タイプ」はいろいろ選択できますが、今回はすべて「リンク」を選びます。

broken image

それぞれの項目に入力したら、「保存」します。

broken image

LINE公式アカウントだけでなく、ウェブサイト相談ホームページ相談はこちらからお願いいたします!