初めまして、Vickyと申します。

出身は台湾です。日本の大学を出て、現在は日本で暮らしています。

 

最近無料かつプログラミングを必要としない(ノーコード)ホームページ制作のサービスが増えています。

ただし、これら多くのサービスはアメリカ発が多いため、説明も英語がメインになります….

 

ここで、WEBFLOWというノーコードHPについて、基本な機能と作成方法を本ブログにまとめていきたいと思います。

 

私自身、完全に文系出身でプログラミングのプに関しての知識も一切ありません!

もし、仕事で使うことがなければ、私は一生このサービスに手も目も触れないのであろう^.^;

なので、完全なる素人で人生初のHP作成に挑戦をしました。

プログラミングについての知識がない人でもこのブログをみれば、簡単なHPを作成出来るようになればいいなという思いでブログを開設しました。

 

WEBFLOWでは有料プランと無料プランとで分かれています。

ここでは無料で作成できる部分を主にブログで書いていきたいと思っています。

 

まず、WEBFLOWをスタートするのに必要なものは、Googleアカウントです。

基本的にGoogleアカウントのメールアドレスとパスワードでログインします。

 

それでは、WEBFLOWのログイン方法から紹介していきたいと思います。

 

①    WEBFLOWのログインサイト↓

https://webflow.com/

をクリックしていただくと下記の画面が出てきます。

 

②    赤のまるで囲んであるところをクリックすると、下記の画面が出てきます。

 

③    また、赤い〇の部分をクリックして、

頂くと、このような画面に変わります。↓

④    ご自身がお持ちのアカウントを選択し、パスワード入力をした後にこのような画面が出てきます

                  ↓

 

⑤ 右上の×をクリックしていただいて大丈夫です。(WEBFLOWへ無料会員の完了と簡単な紹介文が記載されています)

 すると下記の画面へと変わります。

          ↓        

 

 

緑の〇の(Dashboard)は、アカウント内で現在何個のプロジェクトを作成しているのかが見られる画面です。

 

紫の□は、現在アプリ内のプロジェクトを表しています。(無料プランでは2プロジェクトが上限です)

アカウント作成した時に、自動で上記二つのプロジェクトがサンプルとして作成されています。

それぞれ、クリックすると編集画面へと進みます。

 

灰色の〇(右上)は、新しいプロジェクトを作成する時のボダン。

 

赤の□(右上)は、アカウントメニューです。(ログアウトなどが出来ます)

 

今回のブログでは、アカウントの作成とダッシュボードの見方までを紹介しました。

 

今後は、新しい真っ白のプロジェクトから、WEBFLOWの基本の操作や説明をしていきたいです。

WEBFLOW内でも、無料のHPテンプレートがたくさんありますが、最初からテンプレートを使ってHPを作成するのはちょっとハードルが高いと私は感じました。(実際あきらめかけました…)

そこで、まずWEBFLOWの基本から勉強して、そこから無料のテンプレートを用いて、すこし質の高いホームページを作成することに成功しました。

みなさまも負けずに、一緒に勉強していきましょう!

 

ご覧頂きありがとうございます。

今後もよろしくお願いいたします。