見出し画像

Canvaで簡単!Webサイトのテンプレートを作ってみた

CanvaでWebサイトをデザインできる。と知ってどこまでできるのかな。と思い試してみました。

今の段階では、PC箱のレイアウト、スマホサイズの場合にはこのレイアウト。とデバイスの幅を分けて編集ができないので、スマホのサイズに対応するにはちょっとコツがいる感じでした。

PCサイズの幅いっぱいに画像を置いたり、文字エリアを置くと、モバイルプレビューをした時にも幅いっぱいで表示されてしまいます。

スマホの場合に縦に並べて表示させたい場合には、幅を2分割にし、タイトル、本文をグループ化してセクションごとにまとめるとうまくいきました。

モバイルサイズで縦並びにしたいとき

こういうの触るたびにコーディングの知識あってよかったな。と。

お試しで作ったものなので、コンテンツは少なめになっていますが、このテンプレートをベースに必要なセクションを追加すれば、CanvaからWebサイトを実際に公開までできるようです。(公開の手順は公式のヘルプをご覧ください)

記事内で使用しているテンプレートを使ってみたい人はこちらのリンクから実際に触ってみてください。
写真はCanvaの無料素材、文章はサンプルで入力しているので、写真を入れ替えたり、文字を変更してご利用ください。

パン屋のWebサイトのテンプレート



いいなと思ったら応援しよう!