【0から自作】OLTANAでホームページを作る方法を初心者向けに解説
初めてホームページを作る方に向けて、WordPressテーマ「OLTANA」で簡単に美しいホームページを作成する方法をご紹介します。
- OLTANAで自分のホームページが欲しい
- 初期費用をなるべく抑えたい
- 業者に頼まず自分でやってしまいたい
初心者でも安心して進められるように
- サーバーの取得
- WordPressのインストール
- OLTANAのセットアップ
まで、この１記事を読めばすべてわかるように解説していきます。
OLTANAでホームページを作る流れ
ホームページ作成は、以下の4Stepで完了します。
- サーバーを準備する
- SSL化設定を済ませる
- OLTANAをインストールする
- ホームページを完成させる
「サーバー」や「SSL」など専門用語が多くて難しそうに感じるかもしれませんが、手順通りに進めれば簡単にすべて終わります。
サーバーの準備
まず、ホームページを公開するためにサーバーが必要です。
- サーバー ＝ ホームページを発信する場所
- 月600〜1,000円の費用
この記事では、初心者におすすめの「ConoHa WING」を使用してサーバーを取得します。
ConoHa WINGの公式サイトにアクセス
では、ConoHa WINGの公式サイトにアクセスし、アカウントを作成に進みます。
ログインのメールアドレスとパスワードは重要情報となりますので、忘れないようにメモしましょう。
ベーシックプランを選択
登録が完了したら、管理画面で「サーバー追加」を選択し、サーバープランを選びます。最初は「ベーシックプラン」でも十分です。
初期ドメイン・サーバー名の設定
初期ドメインとサーバー名に関しては変更不要です。
独自ドメイン設定
WordPressかんたんセットアップの「利用する」 > 「新規インストール」>「独自ドメイン設定」まで進みましょう。
この独自ドメイン設定で、ホームページのURLを決定します。
⚠️ URLは後から変更はできません。よく考えて決定しましょう。
サイト名の設定
「作成サイト名」にはホームページの名前を入力しましょう。後から変更も可能です。
WordPressユーザー名・パスワードを設定
WordPressユーザー名・WordPressパスワードを設定します。
⚠️ このユーザー名・パスワードは、ホームページのログインに必要となります。
WordPressテーマの選択
ここではWordPressテーマを「購入しない」にチェックをいれて「次へ」進みましょう。
個人情報・決済情報を入力していく
あとは個人情報（氏名・住所）と決済情報（クレジットカード情報）を入力していくことでサーバー取得が完了します。
サーバー取得が完了
購入が完了するとサーバーに自動ログインして、このような画面に飛ばされます。
⚠️ 5〜10分ほど設定中になることがありますので、しばらく時間を待って進みましょう。
SSL化を完了させる
SSL化とは、Webサイトのセキュリティ設定のことです。
- 通信の暗号化をする
- 情報漏洩がしないように対策する
簡単に行えますので最初に絶対にやっておきましょう。
サイトセキュリティ設定で「SSL」を「ON」に
ConoHa WINGの管理画面で「サイト管理」>「サイトセキュリティ」に進むと「独自SSL」の項目があります。この無料独自SSLの利用設定を「ON」にしてください。
⚠️ ONにしてから利用可能になるまで数時間かかる場合があります。
WordPressにログインする
WordPressの管理画面を開きましょう。
管理画面の開き方は、「〇〇.com/wp-admin」のように、ホームページURLの後ろに「/wp-admin」をつけてページを開いてください。
- ユーザー名：ConoHaで設定した「WordPressユーザー名」
- パスワード：ConoHaで設定した「WordPressパスワード」
WordPress管理画面の「http」を「https」に変更
WordPressの管理画面にログインして、左メニューの「設定」 > 「一般」に進みます。
「WordPress アドレス (URL)」と「サイトアドレス (URL)」の欄のがありますので「http://」を「https://」に書き換えてください。最後に「変更を保存」のボタンを押しましょう。
再ログインが促されますので、これでサイトのSSL化が完了です。
⚠️ SSL設定中はしばらくサイトが見えなくなることがあります。半日ほど放置すると戻りますので、別のタスクを進めていきましょう。
OLTANAを購入してダウンロード
SSL化とは、Webサイトのセキュリティ設定のことです。
- 通信の暗号化をする
- 情報漏洩がしないように対策する
簡単に行えますので最初に絶対にやっておきましょう。
テーマを選ぶ
導入したいOLTANAテーマを「テーマ一覧」から選びましょう。
購入ボタンに進む
「利用規約に同意する」にチェックを入れて「19,800（税込）」の購入ボタンを押しましょう。
テーマ詳細ページを下までスクロールすると、右サイドバーに購入エリアがあります。
会員登録して購入
購入ボタンを押すと、会員登録を促されます。
OLTANA会員サイトに登録する「メールアドレス」「パスワード」を入力しましょう。
⚠️ パスワードは「大文字を含む半角英数字8桁以上」で入力が必要です。
例：Oltana123
決済画面に進む
決済画面に進みますので、カード情報を入力して「支払う」のボタンから購入しましょう。
テーマをダウンロード
決済完了後、「OLTANA会員サイト」に自動ログインされます。
購入テーマが並んでいますので「テーマをダウンロード」ボタンを押すと「oltana-001.zip」のようなファイルがパソコンにダウンロードされます。
⚠️ Safariでダウンロードするとzipファイルが自動で解凍されてしまうため、再圧縮が必要です。Chromeのブラウザを使ってダウンロードをしていただけると確実です。
OLTANAをインストールする
OLTANAをホームページで使えるようにします。
- WordPressにインストールする
- 最後に「有効化」する
こちらもすぐ終わりますので、以下の手順で進めましょう。
外観 > テーマに進む
WordPress管理画面を開いたら、「外観」>「テーマ」に進みましょう。
新しいテーマを追加
「新しいテーマを追加」のボタンをクリックします。
OLTANAのテーマファイルをアップロード
「テーマのアップロード」>「ファイルを選択」します。
ここで、先ほどパソコンにダウンロードしていた「oltana-001.zip」といったファイルを選択します。
テーマを有効化
テーマをインストールが完了したら「有効化」を押すことでOLTANAが適用されます。
テーマの初期デザインが確認できる
トップページを開くと、OLTANAのデザインが適用されていることが確認できます。
DEMOのデザインを適用する（任意）
OLTANAは「DEMOインポート」の機能を使って、DEMOデザインをそのまま使うことができるようになります。
- DEMOの見た目が一瞬で反映される
- あとは細かな設定をするだけ
DEMOインポートは必須ではありませんが、行うとホームページ制作がすぐ終わります。
DEMOファイルをダウンロード
OLTANA会員ページの「会員メニュー」に進むと、「DEMOダウンロード」のボタンが見つかります。
OLTANA公式ページを参考にして、デザインを使いたいDEMOのファイルをダウンロードしましょう。
カスタマイズに進む
WordPressのログイン上部にある「カスタマイズ」をクリックして、OLTANAのデザイン設定画面に入ります。
OLTANAインポートに進む
「カスタマイズ」の項目を下までスクロールして「OLTANAインポート」に進みましょう。
DEMOファイルをアップロード
「ファイルを選択」をクリックして、先ほどダウンロードしたDEMOファイル（例：no001-demo1.json）をアップロードしましょう。
⚠️ DEMOをインポートすると元のデザインには戻せません。なるべくテーマの初期状態（インストールしてすぐの段階）で使っていただくことをおすすめします。
デザインが反映される
DEMOのデザインがそのまま反映されます。
あとは画像と文章を編集してホームページを完成させましょう。
⚠️ DEMOの画像はそのまま入りません。noimageの置き換えが必要です。
ホームページを完成させる
OLTANAの操作方法を覚える
OLTANAの基本操作はとてもシンプルです。
- 「カスタマイズ」からデザインの編集ができる
- 青ペンマークを触ると編集場所にジャンプできる
この２つを覚えているだけでOLTANAは使いこなすことができます。
テーマごとの専用マニュアル
各テーマの利用マニュアルを用意していますので、細かな設定に困ったら読み進めてください。
