簡単にオシャレなWEBサイトを公開する方法 Canvaの活用テクニック

ブログ

Blog
  1. ホームページ制作・運営はアウラ:ホーム
  2. ブログ
  3. 簡単にオシャレなWEBサイトを公開する方法 Canvaの活用テクニック

簡単にオシャレなWEBサイトを公開する方法 Canvaの活用テクニック

簡単にオシャレなWEBサイトを公開する方法 Canvaの活用テクニック

こんにちは。
今回は、簡単にオシャレなWEBサイトを公開する方法をご紹介したいと思います。

CanvaでWebサイト

今回使用するサービスはCanvaです。
Canvaは、画像編集などで便利なイメージでしたが、webデザインのテンプレートも豊富にあります。
素材もたくさんあるので、自分独自のサイトを作ることができます。

以下、Canva上で作成した webサイトです。
https://aura-test01.my.canva.site/

ボリュームはあまりないですが、作成時間は10分程です。

使ってみて良いなと思った点

Canava上で公開でき、Canavaのみで完結する

今回作った方法では、Canavaのみで完結して公開までできました。
Canavaでの操作性が分かれば簡単に作成できるので、webサイトに関する知識が無い人でも簡単に作れると思います。

無料でも使用できる

独自ドメインを使用する場合は有料ですが、canvaのサブドメインを使用する方法では無料でできました。
webサイトの公開まで無料でできるので、とりあえず触ってみたいという方にもおすすめです。

レスポンシブ対応を自動でしてくれる

スマホやタブレットでWEBサイトを見たときに、自動でサイズを調整してくれる便利な機能があります。
自動なので、自分で調整しなくて済みます。

リンクを付けれる

外部サイトのリンクを付けたり、内部のページリンクを付けたりすることもできます。
他のサイトに誘導できるのでLPにも使えるのかもしれないです。

デメリット

お問い合わせ機能を作れない

Googleフォームなど作成しリンクを貼るようなことをする必要があります。

モバイルサイズで細かな調整はできない

自動で調整されるので、細かな調整をしたいという人には、デメリットかもしれません。

フッターにcanvaが付く

公開した後にページ一番したにcanvaのフッターがついていました。

独自のドメインでの使用は有料

独自ドメインを使用したい場合は、無料版では使用できないみたいです。

Webサイトを作ってみる

CanavaでWebサイトを作る方法を簡単に紹介していこうと思います。

以下のURLからCanvaでWEBサイトを作成します。
https://www.canva.com/ja_jp/websites/

テンプレート

テンプレートをドラッグして、お好みの色や写真をカスタマイズしましょう。
素材も豊富にあるので、検索してお好みの素材をドラッグして使いましょう。

リンクの設定

リンクの設定は、右クリックすると「リンク」が出てくるので、そこから設定できます。

サイトの動き

上部の「アニメート」から要素の動きをつけることもできます。

ナビゲーション


ナビゲーションをつける場合は、ページに名前をつけておきましょう。

webサイトを公開

完成したら、webサイトを公開をクリックします。

モバイルでサイズを変更にチェックが入っていると、自動でレスポンシブ対応してくれます。
タブレッドやスマホで見たときに自動でサイズを調整してくれます。

ナビゲーションが必要な場合は、ナビゲーションありにしておきましょう。

公開先は、無料のドメインを選択します。
1アカウントに付き5つまで、canvaの無料のサブドメインを使用できます。

続行をクリックし、

URLを変更していきます。
https://aura-test01.my.canva.site/ の aura-test01の箇所を好きに変更できます。ただし既に登録されている場合使えないので早い者勝ちです。

次にwebサイトのタイトルを設定します。
ブラウザタブのプレビューをこのサイトのタイトルに編集します。
また、説明にこのサイトの詳細文を追加しましょう。

最後に公開をクリックすると、webサイトが完成です。

公開後も編集は可能です。

まずは使ってみる


HTMLやCSSの知識が無い人でも簡単に、webサイトを公開することができます。
今回紹介したWebサイトの作り方は、かなり初心者向けだと思うので、一度触ってみるのも良いと思います。

お電話でのお問い合わせはこちら:06-6292-8577。受付時間は平日9:30~18:30 インターネットからは24時間受付中!お問い合わせフォームはこちら
Webデザイナー、Webプログラマ募集中!