脱!教養ゼロママ

もう恥ずかしくない!教養のあるママを目指してます!

MENU

無料広告なしでホームページ作成|Webメニュー作成|初心者でも簡単・おしゃれ Canva

f:id:yuka-edu:20211018213331p:plain

こんにちは!ゆかゆかです。

 

お友達が教えてくれたのですが、

Canva でホームページが無料で作れちゃうそうです!

 

ポイント! 
  • 広告なし!
  • 無料で公開まで可能!
  • Webやホームページ作成の知識は不要
  • クリックの操作で簡単作成可能

 

今日は、Webメニューを作ってみようと思います。

参考になると嬉しいです。

 

▼初心者でもこんな感じのWebメニューがあっという間にできました!

f:id:yuka-edu:20211023154316p:plain

Canvaで製作したサンプルWebサイト:Natural Cafe Menu

 

 

無料でホームページを作ってみる

Canva にログインをしたら「テンプレート」>「ホームページ」を探します。

f:id:yuka-edu:20211023144508p:plain

 

テンプレートを選ぶ

ホームページのテンプレートを選びます。

無料か有料化は右下のアイコンの有無で判断できます。

f:id:yuka-edu:20211023144516p:plain

 

気に入ったテンプレートをカスタマイズします。

f:id:yuka-edu:20211023144526p:plain

 

ホームページの編集画面に移りました。

f:id:yuka-edu:20211023144536p:plain

 

ページを複製したい場合、ページをコピーできます。

f:id:yuka-edu:20211023144549p:plain

 

素材の変更

素材から写真を検索して、写真を入れ替えることができます。

こんな素敵な写真でも無料であります!

自分の持っているイラストを組み合わせながら、ドリンクメニューを作ってみます。

f:id:yuka-edu:20211023144558p:plain

 

アニメーションの設定

ホームページの公開方法を「プレゼンテーション」とした場合にアニメーションを付けられるようです。

 

ページ全体を選択した状態で「アニメート」を選択すると、

「ページのアニメーション」を設定できます。

これを設定するとページが切り替わった時に良い感じに、

それぞれの素材が登場してくれます。

f:id:yuka-edu:20211023145853p:plain

 

写真やイラストを選択した状態で「アニメート」を選択すると、

「写真アニメーション」を設定できます。

個別に変更したい場合、はこちらの設定を入れます。

f:id:yuka-edu:20211023150927p:plain

 

テキストを選択して「アニメート」を選択すると

「テキストアニメーション」を個別で設定できます。

では、どんどん設定しちゃいます!

f:id:yuka-edu:20211023150936p:plain

 

名称設定

名称欄をダブルクリックして変更しておきましょう。

画面の上にホームページ名が表されています。

各ページの下にページ名が表示されています。

f:id:yuka-edu:20211023154437p:plain

ホームページを公開

準備ができたら、ホームページを公開します。

画面右上の「ウェブサイトとして公開」を選択します。

画面の表示方法は4種類あります。

  1. プレゼンテーション
  2. スクロール
  3. ラシックスタイルのナビゲーション
  4. スタンダード

f:id:yuka-edu:20211023154553p:plain

 

私は「スタンダード」が好きです。

スタイルを選択したら「ウエブサイトを開く」を選択します。

f:id:yuka-edu:20211023154707p:plain

 

実際のホームページを開きました。

あなたのホームページのURLはこのページから取得できます。

f:id:yuka-edu:20211023154751p:plain

Canvaで製作したサンプルWebサイト:Natural Cafe Menu

 

まとめ

すごく簡単におしゃれなホームページを作れてしましました!

しかも、完全に無料なので、驚きです。

URLは指定できないので、QRコードなどURLの入力には少し工夫を入れると

使いやすいかと思います。

 

リンク:Canva - 簡単なオンラインデザイン

 

少しでも、参考になれば嬉しいです。

アプリ形式でWebメニューを作成したサンプルもご紹介しています。

 

yuka-edu.hatenablog.com