アメーバの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というテーマは対応していませんでした。他は知らん!

スポンサードリンク

コメントをどうぞ!

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




オススメ記事

java

【激分かりやすく!!】javaでじゃんけんゲームプログラム!!

お久しぶりです。 ゲーム制作ページのブログなのに、なんか全然ゲーム制作できてないですね。 今作ってるゲームもちょっと放置プレイ状態だし……。 ちょっと待ったー!誰が放置プレイ状態だとっ!! 

WordPress | ツイート数やシェア数付きのSNSシェアボタンを自作しよう!

最近SNSシェアボタンを作り直した@It_is_Rです。 せっかく作ったんだから、シェアするのだよ、みんな。 そこで今回は、Twitter や Facebook、GooglePlus、はてな

Homebrew

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

人生をもう一度やり直したいとつくづく思う@It_is_Rです。 やり直したところで同じ道を辿るのがオチですよ、全国の不幸な皆さん!! さて、おふざけはここまでにして、今回はHomebrewにつ

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

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

Swift

【Xcode7】Swift2でMacアプリ開発。画像を読み込む為のボタンを作る。

犬も歩けば棒にあたる。だからRは歩かない。@It_is_Rです。 最近はSwiftの記事が多いと思っている人もいるのでは無いでしょうか。実はRは現在、Swiftを使ってゲーム開発のお助けアプリを

Swift

【Xcode7】Swift2でMacアプリ開発。Storyboardでボタンを作る。

喧嘩するほど仲がいいとは言いますが、喧嘩する相手がいません。友達がいないということでしょうか。@It_is_Rです。 前回、StoryboardでMacのウィンドウに文字を表示しました。しかし、

HTML CSS

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

Webページを作るのは結構好きな@It_is_Rです。 WordPress、もしくは他のホームページやブログをやっていると、フォントを変えたいなと思うことも多いと思います。 そこで、Googl

【Android Studio】エミュレータを起動してプログラムを実行する方法!

何をやっても長続きしない@It_is_Rです。 このままでは人生さえも長続きしないかも知れない。 さて、しばらくぶりになってしまいましたが、今回は Android Studio 2.3.2 を

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

今まで、何度かに分けて書いた記事でも、その一覧がなかったので見にくいなーと思っていた@It_is_Rです。 昨日、記事の一覧表示をするショートコードを作って、記事の一覧が欲しい記事にだけ貼り付けてみ

【Android Studio】TextView 文字の色やサイズ、書体を変更する方法。

サイズは大きいほど、押しがいがあります。@It_is_Rです。 スマホのボタンの話ですよ。何を考えてたんですか? Androidアプリ開発、8回目となりました。 今回はこれまでに学習した T