アメーバのOwndで、無料で超簡単にホームページ作ってやろうぜ!!

公開 :  → 更新 :

どうも、@It_is_Rです。
ホームページを作成するには、まずHTMLを使う能力、若しくはソフトが必要になります。
さらにサーバーを借りなくてはなりません。するとお金がかかったりします。
では、お金の無いあなたや私はどうすればいいのでしょうか?

そこで、無料でホームページが作りるものはないのかと探したところ、Owndというものを見つけました。これは無料な上に使いやすい!
というわけで、今回は世界平和のために、Owndを使って無料で超簡単にホームページを作ってみようと思います。

Owndでホームページを開設してみよう!

Owndでホームページを開設するために、まずOwndにログインしてみましょう。
Owndにログインするには、次のアカウント内のどれか一つが必要です。

  • アメーバID
  • Yahoo! JAPAN ID
  • Twitter
  • Google
  • Facebook
  • mixi
  • 楽天会員ID

今回は、アメーバIDを取得してサイトを作ってみようと思います。
ちなみに、アメブロを使ってブログを作ると、ホームページと一体感のあるサイトを作ることができます。
マジでこれはすげーぞ!

アメーバIDを取得してみよう!

アメーバIDはOwndのページから作ることができます。
ではまず、Owndのページに行ってみましょう。

Ownd

Ownd
Ownd

こちらのサイトの右上にある、「ログイン/新規登録」をクリックします。
すると、様々なログイン方法が表示されるので、アメーバIDを持っていない人は、「Ameba新規登録(無料)」をクリックします。
あとは、表示された画面にメールアドレスを入力し、送られてきたメールから、登録を完了します。

サイトを作っていこう!

それでは、実際にサイトを作ってみたいと思います。
今回作りたいサイトは、音楽サイトです。ヒップホップの素晴らしさを世の中に伝えようという趣旨のサイトにしたいと思います。

Owndにログインした状態で、そのサイトの右上にある▼をクリックします。
その後、「新しいサイトを作成」をクリックします。

新しいサイトを作成
Ownd

すると、下のように表示されます。
ここで自分が作りたいサイトのURLを決めます。

まず、サイトのURL(アドレス)を決めましょう
Ownd

入力したら、「このURLに決定」をクリックします。
すると、下のように表示されます。この中から自分の作りたいサイトに一番ピッタリなものを選択します。

作成したいウェブサイトの種類を選択してください
Ownd

私は個人のブログやポートフォリオを選びました。

次はカテゴリの選択です。
今回私が作りたいサイトは、音楽系のサイトなので、「音楽」をクリックして、その中から「ヒップホップ・レゲエ」をクリックしました。

関連性の高いカテゴリを選択してください
Ownd

そして、さらにサイトのデザインを選択します。
この中から好きなデザインを選びます。

サイトのデザインを選択してください
Ownd

これを選べば、サイトを作るための大まかな準備はできました。

サイトの設定をしていこう!

続いて、サイトの設定を行います。

まずはページ編集をしてみよう!

最初に、ページ編集をしていきたいと思います。
まず、「ページ編集」をクリックしてください。

Ameba Owndへようこそ
Ownd

そして、次に表示された画面から、「Posts」をクリックします。

Ownd
Ownd

次の画面で、「Posts」というページを編集できます。
詳しい編集方法は後日別の記事で紹介するとして、今回はこのページの名前だけ変えてみたいと思います。

とりあえず、このページをトップページにしたいので、左上の「Posts」を入力されている部分を「Top」に変更します。
そして、右上の「ページの更新」をクリックします。

Ownd
Ownd

基本設定を変更してみよう!

では、サイトの基本設定を変更してみましょう!

「設定」→「基本設定」と進むと次のような画面になります。

Ownd
Ownd

ここにサイト名やキャッチフレーズなどを入力します。
下の方にスクロールさせると、アイコンやカテゴリの変更ができます。

入力したら、保存をクリックします。

アメブロに連携させてみよう!

最期にアメブロに連携してみたいと思います。

Amebaと連携させる

「設定」→「ソーシャルメディア連携」といって、Amebaの「連携」をクリックするだけです。

するとどうでしょう!
作ったサイトの上部分、Topの隣に、「Ameblo」と表示されました。
そのままアメブロを見ると、アメブロの上部にも同じメニューが表示されています。

it-is-rのブログ
アメブロ画像

メニューがアメブロに表示されない時の対処法

メニューがアメブロに反映されるまでに一時間ほどかかる場合があります。なので気長に待ちましょう。
それでも反映されない時は、選択したテーマがアメブロのメニューに対応していない可能性もあります。
別のメニューに変更して、もうしばらく待ってみましょう。

ちなみに、私が試してみたところ、PJというテーマは対応していませんでした。他は知らん!

スポンサードリンク

おすすめの記事♪

HTML CSS

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

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

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。ヘッダーをカスタマイズ。

寒くなってきましたね。皆さま前かがみになって[email protected]_is_Rです。 皆様がブログを見て、一番最初に目に入ってくるのはどこでしょうか? 殆どの場合、ヘッダー部分ですよね。つま

Homebrew

Homebrewを使いこなせ!Macへのインストールや使い方。

[email protected]_is_Rです。 やり直したところで同じ道を辿るのがオチですよ、全国の不幸な皆さん!! さて、おふざけはここまでにして、今回はHomebrewにつ

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。ブログ全体の幅を変更。

[email protected][email protected]ゃん。 今回も前回に引き続き、FC2ブログカスタマイズの記事です。前回、ヘッダーのサイズを変更しましたが、ブ

クローバPAGE

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

[email protected]_is_Rです。 しかし、HTMLとか、CSSとかなにそれ?……という感じのひともいるでしょう。 そこで、今回は知識が全くなくても超簡単にWebサイトが作れ

wordpress

WordPress – デフォルトで用意されたショートコード一覧と使い方。

昔は WordPress の画面が真っ白になって、頭も真っ白になったこ[email protected]_is_Rです。 WordPress では、プラグインを使ったりしない限り、投稿記事のなかで php

WordPress

無料で広告なしのWordPressサイトを立ち上げる方法。

猫を飼っています。でも犬派です。何か文句ありますか? …まぁ、最終的に動物全般が好きなんです。爬虫類から哺乳類、鳥類まで好きです。動物を飼って[email protected]_is_Rに送り付けて下さい。

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

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

gulp

gulpでsassをcssにコンパイル。インストール&便利な使い方。

[email protected]_is_Rです。 Webページを制作するとき、sassをcssに変換して使用することが多いと思います。 今回は、gulpを使ってsassをcssに

【初心者歓迎】クライアントサイドとサーバーサイドの違いを解説!!

[email protected]_is_Rです。 今回のテーマは、ちょっと細かいテーマですが、難しいこと考えずに気楽にいきましょう! 今回はクライアントサイドプログラムと、サーバーサイドプログ


コメントを残す

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


Category

Games