Ameba Ownd

アプリで簡単、無料ホームページ作成

IT MEMO'S

Ameba Owndでホームページ~作成編~

2019.07.07 07:18

今回はAmebaのサービスAmeba Owndを使ってみることにしました。

最初のトピックとして慣れるためにもいろいろいじってみてまとめておこうと思います。


!!注意!! この記事は2019/07/05時点のものです。キャプチャの内容が実際と異なる場合もあります。


ホームページなのでブログとは違うのですが、HTMLで複数ページ作成するのとは根本的に違います。

無料のベーシックプランでは10ページしか作成できないのでブログ機能を使うことになります。

それでもブログよりはシンプルで見やすいサイトを目指します。


Ameba Owndのホームページから作成していきます。

Ameba Owndにログインしていない状態で上記のサイトにアクセスすると以下のようなページが表示されます。


「無料でホームページを作成」をクリックします。

「サイトを作成」をクリックします。

するとログインを求められますので、任意の方法でログインします。

アメーバIDでログインする場合、IDを持っていなかったら「Ameba新規登録」をクリックしてID登録します。

ログインした状態で最初のAmeba Owndのホームページに行くと以下のようなページに変わっているはずです。

「無料でホームページを作成」をクリックします。

ここで作成するホームページのURLを決めることができます。

サイト名は任意の文字列を指定します。ドメインは選択肢から選びます。

なおサイト名とドメインの組み合わせが使われていないURLにする必要があります。

入力したら「このURLに決定」をクリックします。

今回は「ホームページを作成する」を選びます。

ホームページのデザインをテンプレートから選びます。

テンプレートはあとで変更することもできますしCSSをカスタマイズすることもできます。

既存作成されているページはTOPページ以外は削除することができます。

任意のデザインを選択すると以下のようなポップアップが表示されます。

「このデザインで始める」をクリックするとデザインを決定します。

また画面ではデザインのテーマ色を変更ができます。左上のデザインタイトルの下に色のついた四角が複数並んでおり、これをクリックすることでテーマ色を変更することが出来ます。

テーマ色をクリックすると先ほどより大きいプレビュー画面が表示されます。

元の画面に戻るには「プレビュー」をクリックします。

デザインが決まったら「このデザインで始める」をクリックします。

これでサイトの作成完了です。


!!注意!! この時点で既にサイトは公開されています。


各種設定方法は別の記事で解説したいと思います。


サイトの管理ページTOPから「設定」->「基本設定」の順にクリックします。

基本設定画面の下部に「サイトを削除」という項目があります。そこに「サイトを削除」というリンクがあるのでクリックします。

問題なければ「注意事項を確認しました」にチェックを入れます。

削除するサイトのURLを入力します。サイト名+ドメインをすべて入力する必要があります。

「削除する」をクリックして削除を行います。