【クローバPAGE】知識ゼロでも超簡単にサイトを作れるサービス!!

公開 :  → 更新 :

Webサイト制作がかなり好きな@It_is_Rです。
しかし、HTMLとか、CSSとかなにそれ?……という感じのひともいるでしょう。

そこで、今回は知識が全くなくても超簡単にWebサイトが作れてしまう、クローバPAGEというサイト作成サービスを紹介します。

クローバPAGEについて

クローバPAGEは、ブログ並みに簡単にホームページを作れるサービスです。
Rも使用してみましたが、時間がかかりそうなのは、テキストを入力する部分ぐらいで、他は本当に一瞬です。
クローバPAGE
クローバPAGE

クローバPAGEのアカウントを作る

では、クローバPAGEのアカウントを作ってみましょう。プランが3つありますが、今回はベーシックを使用します。
ベーシックは無料で使うことができますが、プロジェクト数が2つまで、広告が表示される場合があるなど、制限が厳しい部分があります。

では、アカウントを作っていきましょう。
サイト右上にある「アカウントを作成」クリックします。
クローバPAGE

facebookのアカウントを持っている場合は、facebookのアカウントでサイトを作ることができるようです。
しかし、今回は、「メールアドレスで登録する」をクリックし、メールアドレスで登録していきます。

メールアドレス
氏名
パスワード
パスワードの確認

の部分を入力します。
クローバPAGE

「アカウントを作成する」をクリックしましょう。
メールが届いたら、メールの中の「メールアドレスを確認する」をクリックし、アカウント作成を完了します。

Webサイトを作る

では、早速Webサイトを作ってみましょう。
トップページの左上にある、「ページを作成する」をクリックします。
クローバPAGE

作りたいWebサイトの名前を入力し、カテゴリーを選択し、作りたいサイトにマッチしたデザインを決めます。
選択が終了したら、「次へ」をクリックします。
クローバPAGE

次は、カバー写真を決めます。カバー写真は、サイトのヘッダー部分の背景に表示される画像のことです。
写真は自分で用意する必要があります。「次へ」をクリックすればスキップすることはできますが、最終的には設定しないとサイトを公開できないようです。
クローバPAGE

この画面で、作りたいサイトの細かい部分を作っていくことができます。今回は省略しますが、ここでテキストや画像を配置すれば、形になってしまいます。
大まかに形ができたら、後からでも編集が可能なので、「次へ」をクリックして次へいきましょう。
クローバPAGE

最後にフォームを作ります。
この部分はあらかじめ最低限のテキストが入力されているので、変更したい人は変更して、「次へ」をクリックします。
クローバPAGE

先ほどのカバー写真の部分で、もしも画像をアップしていなかった場合は、この様に「カバー写真を設定してください」と表示されます。
ここでカバー写真を設定すれば、サイトを公開することができる様になります。
クローバPAGE

料金プランについて

今回私が使用したプランはベーシックは無料でも使用できますが、料金を支払うことで、より良いサイトを作ることができます。
プレミアムプランは月額2000円、ビジネスプランは月額9800円とのこと。(2016年8月3日現在)

詳しくはこちらの料金プランのページをご確認ください。
クローバPAGE 料金プラン

スポンサードリンク

おすすめの記事♪

WordPress|特定カテゴリーに属する記事を一覧表示させる方法!!

今まで、何度かに分けて書いた記事でも、その一[email protected]_is_Rです。 昨日、記事の一覧表示をするショートコードを作って、記事の一覧が欲しい記事にだけ貼り付けてみ

宇宙一分かりやすい JavaScript のかなり詳しい基本の解説。

宇宙一分かりやすい JavaScript のかなり詳しい基本の解説。

[email protected]_is_Rです。 今回は JavaScript について、初心者の人にも分かりやすく、丁寧に解説していきます。 JavaScript と EcmaSc

ピクチャ・イン・ピクチャ

ピクチャ・イン・ピクチャが絵の練習に超便利でヤバスな件について。

ピクチャ・イン・ピクチャでイラストの練習して[email protected]_is_Rです。 macOS Sierra のピクチャ・イン・ピクチャが、イラストの練習に超便利でヤバスなので、紹介させていただこうと思

Android アプリ開発入門! Android Studio のインストール手順。

人の笑顔が大嫌い。 @It_is_R です。 Android アプリ開発では、 Eclipse や Android Studio を使ってアプリを開発するのが一般的です。 一般的に言語は Ja

RezerGo

【RazerGo使い方】ポケモンGO専用チャットが神がかっててヤバイ!!

[email protected]_is_Rです。 ポケモンの場所をリアルタイムで特定できる地図アプリが多く出回りましたが、サービスが止まっているものが続出していますね。 今まで使えたアプリが使用でき

CSS Button

サイト制作に!!CSSでマウスオーバーボタンの作り方。

新年初の記事です。とりあえず、あけましておめ[email protected]_is_Rです。 お正月……おそーがつ……おそまつ……おそ松さん。新年早々くだらないこと言ってないで早く記事を書けって話ですね。

【罵倒少女】女の子に罵られたいなら急げ!!ボイス付きAIが公開中!!

そのうちコンピュータが人を作ってしまう時代が[email protected]_is_Rです。 8月4日、期間限定で罵倒少女というAIがpixiv上で公開されました。 このAIの最大の特徴は、返って

PhotoShopでFire Brushesを使った炎のテラ簡単な描き方。

[email protected]_is_Rです。 イラストに炎を入れるとカッコいいですよね。でも、炎を描くのって結構めんどくさいです。 そこで、PhotoShopを使って炎を描くのに、とて

blender

Blenderで3D美少女キャラの作り方。その4(前髪と横髪を描く。)

Blenderでの3Dキャラ制作の記事、長い期間放置して[email protected]_is_Rです。 前回までのキャラ作成は、顔ができたところまででした。 今回は。髪の毛を作っていきます。 さて、Bl

HTML CSS

Google Fontsの使い方。サイトをカッコよくしよう。

[email protected]_is_Rです。 WordPress、もしくは他のホームページやブログをやっていると、フォントを変えたいなと思うことも多いと思います。 そこで、Googl


コメントを残す

メールアドレスが公開されることはありません。


Category

Games