無料ホームページを制作～独自ドメイン設定できるサービスを紹介！

写真やイラストなどを手がけるフリーランスのクリエイターにとって、名刺代わりになるのが、作品をまとめた「ポートフォリオサイト」です。

納得の行くページを作れない方もいるでしょうが、ホームページ作成サービスを利用することで、Web制作スキルが無くともデザイン性の高いポートフォリオサイトを作ることができます。

今回、簡単にデザイン性の高いホームページが作れる「Ameba Ownd」の基本的な機能と使い方をご紹介します。直感的に制作できるので、ぜひ活用してみてください。

▼他のHP作成サービスを探す▼
無料ホームページ作成ツールはどれを選ぶべき？おすすめサービスまとめ

Ameba Owndとは

「Ameba Ownd」は、Amebaブログを提供する株式会社サイバーエージェントのホームページ制作サービスです。Amebaブログと異なりデザインの汎用性が高いのが特徴です。

デザインテンプレートが豊富にそろっているため、企業向けオウンドメディア、フリーランス向けのポートフォリオサイト、ネットショップなど様々な用途で利用できます。HTMLやCSSのスキル不要でカスタマイズすることができるため、Web制作スキルに自信がなくとも簡単に制作できるでしょう。

参考：
無料でホームページやブログを作ろう - Ameba Ownd(アメーバ オウンド)

Ameba Owndの基本機能や料金

Ameba Owndはすべての機能を無料で利用できるのが特徴です。基本的な機能は下記の通りです。

・アプリで更新
・ブログ機能
・SNS連携表示
・デザイン編集機能
・独自ドメイン設定
・商用利用OK
・画像容量１GB
・簡単SEO設定機能
・ブログ引越し
・EC機能
・アクセス解析
・CSSカスタマイズ
・複数メンバーでの管理
・複数サイト
・ブログ記事カスタマイズ
・サイトフォローで更新チェック

独自ドメインやネットショップ開設（EC機能）が利用できるなど、無料のホームページ制作サービスとしては十分な機能を備えています。

独自ドメインを取得できるサービスを紹介を他の記事でしているので参考にしてみてください。

無料で独自ドメインの取得ができるサービス5選！

ドメイン取得できるおすすめサービス8選！

会員登録の方法

次に、Ameba Owndの登録方法についてご紹介します。

Ameba Owndのトップページから「無料でホームページを作成」というボタンをクリックします。すると上記のようなページに遷移するので「サイトを作成」をクリックしてみましょう。

すると、ログイン画面が表示されます。基本的にはAmebaのアカウントを利用してログインしますが、Yahoo!JAPAN IDやTwitter、Facebookなど様々なWebサービスとアカウント連携できます。任意の方法でログインしてみましょう。

この記事では、新規でAmebaのアカウントを作成しています。

Amebaのアカウント作成は、メールアドレス・ユーザー名・パスワード・生年月日・性別を入力してください。

登録後、「【Ameba会員】仮登録完了（本登録をお願いします）」という件名のメールが届くので本文に記載されたURLをクリックすることで本登録が完了します。

Ameba Owndでホームページを作る方法

任意のURL（サブドメイン）を設定する

Ameba Owndでホームページを解説する際、まず任意のURLを設定します。この時点では、「任意の文言.amebaownd.com」というドメインになります。後ほど、独自ドメインを設定できます。

独自ドメインを利用する場合は、この時点でドメイン販売サイトから独自ドメインを取得することで設定をスムーズに行えるでしょう。

ブログまたはホームページなど好みの形式を選択しデザインを選ぶ

サブドメインの設定を終えたら、ブログまたはホームページなど目的に応じて好みの形式を選びます。今回はポートフォリオサイトを目的とするため、「ホームページを作成する」を選択しました。

メディア運営や自社ブログであれば、「ブログを作成する」を選びましょう。

次に、デザインテンプレートから自身のイメージに近いものを選択します。ブランド・サロン・ポートフォリオなどジャンル別に分かれているので、好みのカテゴリからテンプレートを選んでみてください。

この記事では、参考までにポートフォリオのカテゴリから写真が主軸のテンプレートを選択しています。

任意のテンプレートを選択するとデザインを反映したポップアップが表示されます。この画面を確認し、問題が無ければ「このデザインで始める」をクリックしましょう。

再度テンプレートを確認したい場合は、ポップアップ右上に表示された「×」をクリックします。

ダッシュボードから基本設定と独自ドメイン設定を行う

テンプレートから任意のデザインを選ぶと、ダッシュボード画面（管理画面）が表示されます。画面中央にチュートリアルが表示されるので、タイトルなど順番に入力してみましょう。写真やブログ記事などコンテンツ以外の部分はこの時点でほぼ完成しています。

次に、左サイドバーにある「設定」をクリックし、「独自ドメインに切り替える」を選択します。取得済みの独自ドメインをフォームに入力することで独自ドメインを反映させることができます。

クリック＆ドロップでテキストや画像を配置する

次に、Ameba Owndのページの更新方法についてご紹介します。

ページの更新は非常に簡単です。左サイドバーのメニューにある「テキスト」や「画像」など任意のコンテンツをクリックし、画面中央の白紙にドロップするだけでレイアウトを組むことができます。

画像を挿入すると画像上にメニューが表示され、画像サイズやレイアウトの微調整が行えます。

ポートフォリオサイトとして作例を複数並べたい場合は、挿入した画像の隣に新たな画像をドロップすることで均等にレイアウトを組むことができます。左右や上下の入れ替えもクリック＆ドロップで簡単に行えます。

テキストやリンク、動画など様々な形式に対応しています。画像の挿入同様に自身が公開したいコンテンツを並べてみましょう。

一通りのレイアウトを終えた後、編集画面右上にある「ページを更新」をクリックすることで、上記でレイアウトしたデザインがホームページとして反映されます。

完成したホームページがこちらです。編集画面でレイアウトしたそのままが表示されるので、編集時と公開時のギャップがほぼ無いのがメリットです。

ページの追加やブログの設定も上記の手順同様にクリック＆ドロップで行えます。必要に応じてコンテンツを追加してみてください。

Ameba Owndを使って簡単にホームページを制作しよう！

Ameba Owndは、テンプレートからデザインを選び、文字や画像素材を入力するだけで簡単にホームページを制作できるのが特徴です。

また、無料で利用できるにもかかわらず、独自ドメインを設定できるため、「クライアントに提案するためにポートフォリオサイトが至急必要」というフリーランスにとっても活用しやすいのではないでしょうか。

WordPressのようなCMSと比べ、カスタマイズ性が乏しいというデメリットもあるため、テンプレート一覧から気に入ったデザインがあるか利用するまえに確認してみましょう。

▼他のHP作成サービスを探す▼
無料ホームページ作成ツールはどれを選ぶべき？おすすめサービスまとめ

この記事を読んだ方へのおすすめ

ブログ運営に欠かせないアクセス解析機能とは？FC2・アメブロ・はてななど各ブログの基本機能と合わせて比較！

今回は、「FC2」「はてなブログ」「アメーバブログ」に付随するアクセス解析機能と、アクセス解析サービス「i2i」の解析機能を比較してみました。

ホームページをチェックしよう！常時SSL対応をしない7つのリスクとは？

常時SSL対応が無料で行えるレンタルサーバー「Zenlogic」を運営するファーストサーバ株式会社監修のもと、常時SSL対応の基本と対応をしていないことによる7つのリスクをお伝えします。