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

スポンサードリンク

おすすめの記事♪

bootstrap3

Bootstrap3でサイト制作するための、準備と初期設定。

ゲーム制作は順調にすすんでいます。このまま順調にいけば、今月か来月までには完成できそうで[email protected]_is_Rです。 さて、今回はBootstrap3によるサイト制作の入門講座です。 このBoo

WordPress

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

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

WordPress

WordPressカスタマイズ。テンプレートのファイル構成をチェック。

二兎を追う者は一兎をも得ず。でも、三兎を追えばそのうちの一兎ぐらい得られるんじゃ無いかと[email protected]_is_Rです。やかましいわ。 今回の記事は初のWordPre

gulp

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

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

wordpress

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

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

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。文字の大きさを設定する。

[email protected]_is_Rです。 今回もFC2ブログの"最強"カスタマイズを始めていこうと思います。 今回は文字の大きさや色など、ブログ内の文字の設定をしていきます

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。背景を変更する。

三度の飯よりも好きなものが多すぎて比較になら[email protected]_is_Rです。 FC2ブログ"最強"カスタマイズ入門講座の続きですね。最強にカスタマイズしていきましょう。 今回は背景色の変更をメインに

HTML CSS

CSSで文字を、円の上下左右中央ド真ん中に表示する方法。

[email protected]_is_Rです。身長は171あります。 骨っていうなー! サイトを作る時、円形のパーツを作りたい時ってよくありますよね。画像を丸くして。。。なんてやっている人

bootstrap3

Bootstrap3でサイトのレイアウト。グリッドシステムの使い方と裏技。

開発中のゲームはサイト制作に入っております。@It_is_Rです。 前回に引き続き、Bootstrap3の記事です。 サイトを作るとき、CSSなどを使ってサイトのレイアウトを調節したりしますが

CSS Button

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

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


コメントを残す

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


Category

Games