学ぶプログラミング言語を間違えると悲惨な話

Strikinglyで10分でカフェのwebサイトを作成する方法[無料10分]

現在、たくさんの無料のweb制作ツールが出てきています。これらは、フォーマットが用意されているので、基本的に画像と文字を入れるだけであっという間にwebサイトを制作できてしまいます。今回はstrikinglyを使いましたが、これを選んだ理由は、まず何よりも簡単で無料なこと、また、このツールをオススメしたり、strikinglyの使い方を解説しているサイトがたくさんあるので、困った時に参考にできる情報が多くあること、スマホで見てもデザインが崩れないレスポンシブ対応なことです。

1.制作したwebサイト

架空のデジタルノマド 向けのカフェサイトを作りました。

制作したカフェサイトを見る

2.用意するもの

  • Strikinglyアカウント(3.次の項目で説明します)
  • 使いたい画像(Strikingly自体におしゃれなイメージがたくさんあるので、用意しなくともOKです)

3.webサイト制作手順

以下が具体的なステップです。

  1. Strikinglyに登録する(1分)
  2. サイト構成を決める(3分)
  3. 画像を挿入(1分)
  4. テキストを入力(5分)

 

1.Strikinglyに登録する

Strikingly

メールアドレス、パスワードを設定するだけです。FBで登録するともっと速いです。

プランは無料プランを選びましょう。

Strikingly

2.サイト構成を決める

テンプレートや文字の配置を決めます。これについて解説されているサイトは多々ありますが、こちらを参照して見てください。

カフェの場合、以下の構成が一般的です。

  1. コンセプトやキャッチフレーズ、差別化ポイント
  2. メニューと値段
  3. 設備(wifiや電源など)
  4. 営業時間/場所/連絡先(電話番号やメールアドレス)

3.画像を挿入する

自分で用意した画像がある場合は、対象の画像をタップして以下のように挿入しましょう。

Strikingly

Strikingly

4.テキストを入力

テキストは以下のように画面のテキスト部分を押せばそのまま入力できます。

Strikingly

Strikingly