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

任意のURL(サブドメイン)を設定する

amebaownd_-_5.jpg

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

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

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

amebaownd_-_6.jpg

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

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

amebaownd_-_7.jpg

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

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

amebaownd_-_8.jpg

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

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

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

amebaownd_-_9.jpg

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

amebaownd_-_10.jpg

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

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

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

amebaownd_-_11.jpg

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

amebaownd_-_12.jpg

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

amebaownd_-_13.jpg

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

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

amebaownd_-_15.jpg

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

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

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