Webflow大学

【Webflow公式サイトを日本語化】Webflow大学を日本語で解説します。

Webflowを使用して1日30分、約21日間かけてウェブ制作を行います。ウェブ言語の知識がない方でも取り組めるように初心者向けに解説しています。Webflowを始めるなら、まずはここからはじめてみませんか?

Read more...

Webflow大学/ナビゲーションバーの作成方法を日本語で解説

Webflowでナビゲーション、シンボルを作る方法について解説していきます。「Webflowの始め方を知りたい」「Webデザイナーになりたい」と考えている方やWeb未経験者でも一歩づつ進んでいけるようにWebのことから解説しています。

Read more...

【CMS導入編】 Webflowで一番最初に行うCMS設定【3days】

WebflowのCMSの使い方を解説します。WebflowのCMSとは、共通したデザインのページを簡単に作成できる機能です。ブログや店舗のお知らせ等、定期的な更新をするページの作成に使うことができます。

Read more...

簡単!たった5分でコンタクトフォームを作る方法【Webflow大学】

Webflowをマスターして未経験者からWebデザイナーを目指すコース4日目です。Webflowで超お手軽にコンタクトフォームを作成します。作成だけでなく実践で使えるコンタクトフォームの使い方まで解説します。

Read more...

2分で完成!Webflowならたったの3ステップでフッター制作可能【5days/Webflow大学】

Webflowでフッターを作成します。Webサイトの一番下に位置し、サイトマップの役割やお問い合わせ、などを配置するフッター。主に補足・補助程度の役割を持っています。Webflowの使い方を学びながらウェブサイトを作成していきましょう。

Read more...

直感のみOK!Webflowでレスポンシブデザインを作る方法【6days/Webflow大学】

スマホが主流になった現代で必ず必要なレスポンシブデザイン。Webflowを使用すれば、直感を頼りに美しいデザインを作成できます。ここまで作成したHPを元にWebflowでのレスポンシブデザインの作成方法を学んで行きましょう。

Read more...

【CMS制作編2】WebflowのCMS機能を使用して4ページを同時に作成する方法【7Days/Webflow大学】

WebflowCMSを使用して1ページ作業量で4ページを一気に作成するマジックパートその2です。未経験者を対象にWebflowの使い方を解説します。Webflow CMSの使い方を完全無料で学ぶことができるのが当サイトです。

Read more...

【CMS制作編】WebflowのCMS機能を使用して4ページを同時に作成する方法【7Days/Webflow大学】

Webflow CMSプロジェクトページの作成を2回に分けて解説します。Webflowの使い方を完全無料で解説。21日間のステップで、未経験からウェブデザイナーとして活躍できるように解説していきます。

Read more...

WebflowのCMSページのレスポンシブデザインを作成【8Days/Webflow大学】

CMSページのレスポンシブデザインを作成します。6日目にレスポンシブデザインを作成した時と同様にMargin、Paddingの調整が主な作業です。WebflowのCMSはひとつのページを編集すれば、全てに反映され、手間いらずですよ。

Read more...

Webflowでお問い合わせフォームを作成する方法【9Dsys/Webflow大学】

Webflowでのお問い合わせページの作り方を解説。Webflowを使えば、コードの知識不要でオリジナルのお問い合わせフォームを作成可能。しかも超短時間で簡単に作成できます。Web制作未経験者でも簡単にお問い合わせを作れるようになりますよ。

Read more...

Webflowで『reCAPTCHA』を設定する方法

WebflowにてreCAPTCHAの導入方法を解説します。不正アクセス対策に必要なreCAPTCHA。Googleが提供しているものを使用するので無料で導入できます。セキュリティー強化のため、導入をオススメします。

Read more...

Webflowを使ったSEO設定の仕方【11Days/Webflow大学】

WebflowでSEOの設定方法を解説します。またSNSでのリンクシェアの設定方法も解説。WebflowはSEO設定も簡単できます。未経験者を対象に解説をしているので「SEOとは」から解説しています。

Read more...

【12Days/デザイン変更】 Webサイトのイメージをガラッと変える方法

Webflowを使ってウェブのイメージをガラッと変える方法を解説します。デザインの仕事は完成してから「やっぱこっちいい」と変更を依頼されることもしばしば。今回は全体的に明るいイメージに変更していきます。

Read more...

【13Days/②】動くウェブサイトを作成して初心者っぽさをゼロにしよう!

Webflowを使ったアニメーションの付け方を解説。コンティニューアニメーション・グロウホバーエフェクトについて解説します。実際にアニメーションをつけてどのように動くのか確認していきましょう。

Read more...

【13Days/①】動くウェブサイトを作成して初心者っぽさをゼロにしよう!

Webflowを使ったアニメーションの付け方を解説します。最初はWebflowのアニメーション機能の基礎から解説。①ではタイムアニメーションを設定して次回②で完成させます。アニメーションの付け方の基礎から学ぶことができますよ。

Read more...

【14Days/404作成】普段は見えないページでも、興味をもてるデザインを意識!

Webflowで404ページを作成します。単純にエラーを知らせるだけでは華がないので、今回はマウスを追いかけるアニメーションを作成して、ユーザーを少しでも逃さないように工夫します。

Read more...
くりたまさと
Masato Kurita

大学卒業後、セブ島とオーストラリアに1年間、語学留学。

現在は、Webflow専門のウェブサイト制作・SNS運用代行、MEO対策などを行っています。

ご質問ありがとうございます。
確認次第、返信致しますので、
少々お待ち下さい!
エラーが発生致しました。もう一度お試し頂くか、Twitterより連絡ください。