概要
私がポートフォリオサイトを開設するまでの手順をまとめました。
ポートフォリオに限らず、ブログやレンタルサーバーで何かしらやる予定の人は参考にしてみてください。
レンタルサーバーの契約
まずはレンタルサーバーを契約します。下記のリンクから手続きを済ませましょう。
https://www.xserver.ne.jp/
必要な情報を入力フォームに入力。
利用規約に同意して、「お申し込み内容の確認へ進む」をクリック
確認画面に遷移するので、認証を済ませましょう。
認証が完了したら、登録したメールアドレス宛に「【エックスサーバー】お申し込み受付のお知らせ」というメールが届きます。
サーバーアカウントの作成が完了次第、再度メールで連絡が来るので、それまで待ちます。(私は2時間ぐらいでサーバーアカウントの設定完了メールが届きました。
ドメインの取得
サーバーを契約したらドメインを取得します。ドメインの取得方法はいろいろありますが、今回はエックスサーバーのキャンペーンドメインで取得します。(キャンペーンドメインで取得する場合はエックスサーバーの有料会員登録が必要となります。)
取得したいドメインを入力して検索ボタンを押下します。
確認画面に遷移するので申請ボタンをクリック。
これでドメインの取得は完了です！
WordPressの設定
まずはエックスサーバーにログインしましょう。
サーバーアカウントの設定メールに、IDとパスワードが記載されていると思うのでそれを使ってログインします。
wordpress簡単インストールをクリック。
wordpressをインストールするドメインを選択。
遷移先のページで各フォームに入力してwordpressをインストールします。
これでインストール完了です！
SSL化
では、wordpressの管理画面URLで作業を行いましょう。
Xサーバーにwordpressをインストールした際に設定した、パスワードとメールアドレスを用いてログインします。
ダッシュボード左側の「設定」→「一般」をクリックします。
URLをhttpsから始まるものに変更し、SSL化します。
こんな画面が表示されると思うので、もう一つ設定を行います。
Xサーバーのサーバーパネルにログインし、SSL設定を行いましょう。
SSL設定が終われば、反映待ちと表示されます。
私の場合は反映されるまで30分ぐらいかかったので気長に待ちましょう。
続いてリダイレクトの設定です。「http://」から始まるURLからアクセスされても「https://」にリダイレクトさせます。
サーバーパネルを開いて「.htaccess編集」をクリックしてください。
「.htaccess」に以下の記述を追記します。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
ここまでできたら挙動を確認します。
以下のURLをアドレスバーに入力し、自分のポートフォリオサイトの雛形にアクセスしてみましょう。
http://ドメイン名/
http://ではなく、リダイレクトされてhttps://から始まるURLになっているはずです。
ここまで出来ればSSL化は完了です。
パーマリンクの設定
ワードプレスのダッシュボードからパーマリンクの設定を行います。
各ページのURLをどう表記するか、という設定です。
ブログなどでは何月何日の投稿、ということが分かるようにURLに日付を入れてもいいと思いますが、
今回はポートフォリオサイトの作成なので一番上の「基本」を選択します。
とりあえず完成
デフォルトの状態で以下のような感じです。
ここから先は皆さんのデザインセンス次第となります。頑張ってお洒落なエンジニアを目指しましょう！
今回の記事は以上となります。